*,
*::before,
*::after{
margin: 0;
padding: 0; 
Box-sizing:border-box;

}


body{
background: white;
overflow-x:hidden;
width: 100%;

}

.portada p{
	text-align: justify;
}
.portada h2{
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align: center;
}
.portada h3{
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align: center;
}
.portada hr{
	color: black;
}
.servicios h2 {
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align : center;


}
.servicios h3{
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align: center;

}
.icon-book-open, .icon-diamond, .icon-clock, .icon-megaphone, .icon-cloud, .icon-download, .icon-paperclip{
	color: purple;
	font-size: 100px;

}
.servicios i{
	text-align: center;
}
.servicios{
	background-color: #E3E3E3;
}
footer {
	background-color: black;
}
footer h4, i, p{
	color: white;
}
footer h4{
	font-size: 20px;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
footer p{
	font-size: 15px;
}
footer i{
	font-size: 25px;
}
.icon-face, .icon-instagram{
	font-size: 50px;
	color: white;
}
hr{
	background: white;
}
.icon-curso{
	font-size: 100px;
	color: purple;
}
.intro{
	color: black;
}
.intro-quienes {
	color: black;
	text-align: justify;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 18px;

}
.tituloquienes{
	text-align: center;
	font-size: 40px;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.tituloquienes1{
	text-align: center;
	font-size: 25px;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.icon-heart {
	font-size: 80px;
	color: purple;
	text-align: center;
}
.texto-quienes{
	color: black;
	text-align: justify;
	font-size: 17px;
}
.icon-quienes{
text-align: center;
color: purple;
font-size: 50px;
}
.whats{
	
	position: fixed;
	width: 100px;
	height: auto;
	z-index: 1000;
	padding: 10px;
	top: 550px;
}

.intro{
	font-size: 17px;
}
.frase-uno {
	font-size: 30px;
	color: black;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align: center;
	margin-bottom: 60px;
}
.titulocursos{
	font-size: 25px;
	color: black;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align: center;

}
/***********************************responsive***********************************/


@media screen  and (min-width:768px){
	.carru{
		top: 65px;
	}
	.titulo-banner{
		font-size: 50px;
		top: -120px;
	}
	.negro{
		top: -70px;
		padding: 15x;
	}
	.negro h2{
		font-size: 30px;
	}
	.negro p{
		font-size: 18px;
	}
	.textnos {
		font-size: 40px;
		
	}
	.inicio{
		top: -90px;
	}
	.titulo-servicios h3{
		font-size: 45px;
	}
	.videos iframe{
		height: 400px;
	}
	.videos h3{
		font-size: 45px;
	}
	form{
		height: 420px;
	}
	.redes{
		height: 180px;
	}
	
	.alba-contenedor{
		height: 230px;
	}
	.servicios{
		top: -100px;
	}
	.embebido{
		top: -90px;
	}
	footer{
		margin-top: -50px;
	
	}
    .perfume h3{
        font-size: 20px;
        text-align: center;
    }
    .perfume p{
        text-align: center;
        margin-bottom: 15px;
    }
    .dentro{
        height: 350px;
    }
}

@media screen  and (min-width:1024px){
	.carru{
		top: 65px;
		
	}
	
	.titulo-banner{
		font-size: 70px;
		top: -150px;
	}
	.negro h2{
		font-size: 40px;
	}
	.negro p{
		font-size: 25px;
		padding: 20px;
	}
	.inicio{
		top: -80px;
	}
	.inicio h3{
		font-size: 50px;
	}
	.servicios{
		top: -100px;
	}
	.embebido{
		top: -100px;
	}
	.embebido iframe{
		height: 600px;
	}
	.icon-whatsapp{
		font-size: 50px;
		padding: 5px;
	}
	.icon-mail{
		font-size: 50px;
		padding: 5px;
	}
	
.icon-visa{
	font-size: 45px;
}
.icon-master{
	font-size: 45px;
}
.icon-amex{
	font-size: 45px;
}
.redes a{
	font-size: 50px;
	padding: 5px;
}
.contactopc{
	display: block;
	position: fixed;
	width: 100%;
	z-index: 1000;
	padding: 0;
	height: 30px;
		top: 110px;
		
		margin-top: -40px;
		background: hsla(200, 100%, 0%, .5)

}
.contactogracias{
	top: 102px;
}
.telheader, .mailhead{
 color: white;
 margin-top: 3px;
 font-family: 'Oswald', sans-serif;

 
}
.ttel i{
	font-size: 20px;
	padding: 10px;
	
}
.mailhead{
	font-size: 20px;
	text-align: center;
}
.redeshead a{
	font-size: 25px;
	margin-top: 3px;
	color: white;
	padding-left: 3px;
}
}
/************************gracias************************/