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

}


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

.whats{
	
	position: fixed;
	width: 100px;
	height: auto;
	z-index: 1000;
	padding: 10px;
	top: 550px;
		
}

.titulo-banner{
	font-size: 30px;
	
	position: relative;
	top: -30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
	color: white;
	font-family: 'Oswald', sans-serif;

}
/* .text-banner{
	position: relative;
	display: flex;
	top: -200px;
	font-size: 12px;
	left: 14px;
	color: white;
	text-align: center;

} */
.sax-titulo{
	
	padding-left: 3px;
	padding-right: 3px;
}

.textback{
	/* background: white; */
	padding-right: 5px;
	padding-left: 5px;
}
.carru{
	top: 69px;
}

.negro{
	background: black;
	width: 100%;
	position: relative;
	margin-top: -15px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	
}
.titulo-dos{
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;

	text-align: center;
}
.fina{
	background:hsl(14, 100%, 50%);
	padding-left: 5px;
	padding-right: 5px;
}

.titulo-dos-pa{
	color: hsl(37, 100%, 50%);
	text-align: center;
	font-size: 12px;
}
.nos{
	text-align: center;
}
.contenedor-intro{
	background: gray;
	
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.inicio{
	position: relative;
	top: -30px;
	margin-left: 0;
	margin-right: 0;
}

.titulo-seccion{
	text-align: center;
	color:black;
	padding: 10px;
}
.titulo-acerca{
	
	padding: 10px;

}
.negri{
	font-family: 'Oswald', sans-serif;
font-size: 30px;
}

.servicios{
	background: hsl(0, 0%, 94%);
	margin-top: px;
	top: -30px;
	position: relative;
	
	
}
.embebido{
	position: relative;
	top: 00px;
}
.tdc{
	font-size: 30px;
	padding: 10px;
	
}
.icon-download{
	font-size: 40px;
	color: black;
}

footer{
	background: hsl(200, 100%, 50%);
	margin-top: 20px;
	
	
}
.intro{
	padding: 15px;
}
.alba{
	margin-top: -10px;
	padding: 10px;
}
.icon-visa, .icon-master, .icon-amex{
	padding-left: 10px;
	padding-right: 10px;
}
.icon-visa{
	color: #fdbb0a;
}
.icon-master{
	color: #EB001B;
}
.icon-amex{
	color: #2E77BB;
}
.icon-download:hover{
	color: #fdbb0a;
}
.forma{
	
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	font-family: 'Oswald', sans-serif;
	
}.menu{
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
}
.formulario label{
	color: black;
	font-size: 20px;
}
.formulario p{
	font-size: 15px;
}
.formulario input{
	padding: 10px;
	
	
	
}
.formulario textarea{
	padding: 10px;
	margin: 5px;
}
.formulario input::placeholder{
	color: rgb(77, 77, 77);

}
.formulario textarea::placeholder{
	color: rgb(77, 77, 77);
}
.labell{
	font-size: 13px;
}
address{
	color: rgb(247, 247, 247);
	font-family: 'Oswald', sans-serif;
	padding: 10px;
}
address i{
	font-size: 30px;
}
address p{
	font-size: 16px;
}
.redes a{
	font-size: 30px;
	padding: 10px;
	color: black;
}
.icon-face:hover{
	text-decoration: none;
	color: #3b5998;
}
.icon-whatsapp{
	color: #25D366;
}
.icon-mail{
	color: mediumvioletred;
}
.icon-youtube:hover{
	color: #cd201f;
	text-decoration: none;
}
.icon-instagram:hover{
	color: #e4405f;
	text-decoration: none;
}
.icon-tu:hover{
	color: #55acee;
	text-decoration: none;
}
.videos iframe{
	width: 100%;
	height: 200px;
}
.alba-contenedor{
	padding: 5px;
}
.icon-clock, .icon-diamond, .icon-note-beamed, .icon-heart{
	font-size: 40px;
	
}
.card-header-rose:hover{
	background: #55acee;
}
.contactopc{
	display: none;
}

.contactotienda{
    margin-top: 100px;
    margin-bottom: 30px;
    
}
.text-tienda-titulo{
    text-align: center;
    font-size: 18px;
}
.negri-tienda{
	font-family: 'Oswald', sans-serif;
font-size: 40px;
}
.sax-tienda{
    background: hsl(200, 100%, 50%);
    padding-left: 5px;
    padding-right: 5px;
   
    color: white;
}
cuadrouno {
    background: hsl(14, 100%, 50%);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
}

/***********************************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************************/