body{
	background-image:url("./images/fondo.png");
	overflow-x:hidden;
}

@media screen and (min-width:800px){
	.navbar{
		background:none !important;
		padding:50px 40px;
	}
	.nav-item a{
		font-size:22px !important;
		margin-left:40px;
		
	}
	.navbar-nav .nav-link.active, 
	.navbar-nav .nav-link.show,
	.navbar-nav .nav-link
	{
		color:white;
		font-weight:bold;
	}
	.boton-contacto-header{
		background-color:#201B92;
		border-radius:20px;
	}
	.div-navegacion{
		background-image:url(images/fondo-inicio.png);background-size:100%;background-color:white;
	}
}


.logo{
	height:80px;
}
.banner{
	height:800px;
}
.texto-banner{
	margin-left:100px;
	color:#666;
}
.texto-banner h2{
	font-size:42px;
	font-weight:bold;
}
.texto-banner h3{
	
}
.texto-banner-2{
	position:relative;top:450px;font-size:32px;color:white;text-align:center;
}

.titulo{
	background-color:#201B92;
	color:white;
	width:100%;
	font-size:30px;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:50px;
	padding:10px;
	text-align:center;
	text-transform:uppercase;
}

/*servicios*/

.servicios .servicio{
	padding:20px;
}
.servicios .servicio img{
	max-width:100%;
	padding: 40px;
}
.servicios .servicio p{
	text-align:center;
	color:#8D1ED2;
	font-size:32px;
}

.servicios .item{
	color:gray;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	
	
}
.servicios .item::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #8D1ED2; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.servicios .linea-violeta{
	width:100%;
	border-top:#8D1ED2 5px solid;
	margin-bottom:20px;
	margin-top:10px;
}


/*sobre mi*/

.acerca{
	background-image:url(images/fondo-sobre-mi.png);
	background-size:100%;
	background-repeat:no-repeat;
}

.acerca .titulo{
margin-top:150px;	
}

.acerca .texto{
	font-size:28px;
	color:white;
	margin-bottom:150px;
	margin-top:50px;
}

.acerca .sobre{
	margin-right:4%;
}
.acerca .sobre.last{
	margin-right:0%;
}


.acerca .sobre img{
	max-width:100%;
	padding: 20px;
}
.acerca .sobre p{
	text-align:center;
	color:#8D1ED2;
	font-size:28px;
	line-height: 32px;
}

/*contacto*/
.formulario-contacto{
		padding:30px;
		font-size:32px;
	}
	.formulario-contacto input,
	.formulario-contacto textarea{
		/*width:100%;
		border:none;*/
		padding:5px;
		margin-bottom:10px;
		margin-top:5px;
		width:100%;
		border:#201B92 solid 1px;
		border-radius:15px;
	}
	
	@media screen and (max-width:800px){
		.formulario-contacto input,
		.formulario-contacto textarea{
			width:100%;
			min-width:100%;
			max-width:100%;
		}
	}
	
.formulario-contacto .col-md-12,
	.formulario-contacto .col-md-6,
	.formulario-contacto .col-md-4,
	.formulario-contacto .col-md-8
	{
		padding:5px;
	}
	
	
	.boton{
		background-color:#8D1ED2;
		color:white;
		font-weight:bold;
		font-size:24px;
		padding:10px 20px;
		border-radius:10px;
		 text-decoration: none;
		 width:100%;
		 text-align:center;
	}
	.boton:hover{
		 text-decoration: none;
		 background-color:#eF2808;
		 color:white;
	}	
	/*.boton{
		font-size:20px;
		padding:8px 16px;
		border-radius:8px;
		 text-decoration: none;
	}*/	
.links a{
	text-decoration:none;
	color:black;
}

#botones-flotantes{
	position: fixed;
	right: 0px;
	top: 200px;
	z-index: 999;
}
#botones-flotantes img{
	width:48px;
	margin-bottom:10px;
}
	
/*MOBILE*/

@media screen and (max-width:800px){
	
	.logo{
		height:30px;
	}
	.banner{
		height:auto;
	}
	.imagen-fondo-banner{
		display:none;
	}
	.imagen-inicio-mobile{
		display: block !important;
		width: 100%;
	}
	
	.texto-banner{
		margin-left:0px;
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
	}
	.texto-banner-2{
		position:inherit;top:30px;font-size:22px;color:white;background-color:#8D1ED2;text-align:center;
		padding:15px;
	}
	
	/*servicios*/
	.servicios .item{
		font-size:18px;
	}
	.servicios .servicio p{
		font-size:18px;
		
	}
	.servicios .servicio img{
		padding: 20px;
	}
	
	/*acerca*/
	.acerca{
		background:none;
	}
	.acerca .titulo{
		margin-top:30px;
	}
	.acerca .texto{
		background-color:#8D1ED2;
		font-size:22px;
		padding:15px;
		text-align:center;
		margin-bottom:30px;
		margin-top:0px;
	}
	.acerca .sobre{
		margin-right:0%;
		
	}
	.acerca .sobre p{
		font-size:18px;
		
	}
	#botones-flotantes{
		
	}
}