html {
	scroll-behavior: smooth;
}

div [id="contactos"] {
	scroll-margin-top: 105px;
}

.caja-contacto{
	
	width: 100%;
	height: 700px;
	margin: auto;
	background-image: url("../img/fondocontactos1.png");
	background-position: center;
	background-size: cover;	
}
.margen-contacto{
	position: relative;
	width: 80%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	/*background-color: red;*/
}

.margen-de-wsp{
	/*background-color: blue;*/
	position:absolute;
	width: 100%;
	height: 80%;
	margin-top: 5%;
}
.titulo-contacto{
	font-family: 'gilroybold';
	font-size: 40px;	
	color: white;
	
}
.wsp{
	width: 100%;
	height: 600px;
	
	display: flex;
	
}

.wsp-text{
	width: 70%;
	margin: auto ;
	margin-left:  10%;

}

.video-cont{
	
	margin-right: 5%;
	width: 32%;
	display: flex;
	
	}
.juntar-videos{
	position: relative;
	display: block;
	
	width: 90%;
	height: 100%;
	margin: auto;
	
}


.video-contenido{	
	position: absolute;
	top:14px;
	left: 67px;
	height: 92%;
	}

.celular-contenedor{
	position: relative;
	display: flex;
	
	right: 0;
	z-index: 50;
	height: 100%;
	margin: inherit;
	}

.descripcion-contacto{
	
	font-family: 'gilroybold';
	font-size: 20px;
	margin-top: 15px;
	color: white;
	}

.descripcion-contacto1{
	display: none;
	font-family: 'gilroybold';
	font-size: 20px;
	margin-top: 15px;
	color: white;
	}

.descripcion-contactocel{
	display: none;
	font-family: 'gilroybold';
	font-size: 20px;
	margin-top: 15px;
	color: white;
}
.descripcion-contactocel1{
	display: none;
	font-family: 'gilroybold';
	font-size: 20px;
	color: white;
}

.linea-titulowsp{
	background-color: #FFD51C;
	height: 6px;
	width: 300px;
	margin-top: 5px;
	margin-left: 0;
}
	
.descripcion-contacto span{
	color: #FFD51C;
}
.descripcion-contactocel span{
	color: #FFD51C;
}
.descripcion-contactocel1 span{
	color: #FFD51C;
}

.clickBtn{
	position: relative;
	display: flex;
	background-color: white;
	border-color: none;
	border: none;
	color: #2A0088;
	font-size: 28px;
	font-family: 'gilroyblack';
	padding: 0.3em 0.6em;
	cursor: pointer;
	margin-top: 4%;
	box-shadow: 0 12px 1px -5.5px #FFD51C;
	margin-left:20%;
	z-index: 95;
	transition: 1s;
}

.clickBtn:hover{
	
	transform: scale(1.1, 1.1);
}
.wsp-text a {
	text-decoration: none;
}

@media (max-width: 1600px){
	
		.wsp-text{
		margin-left:  5%;
}
}


	
@media (max-width: 1280px){
	.margen-de-wsp{
	margin-top: 7%;
}
	.wsp-text{
	margin-left:  10%;
}
	.juntar-videos{
	height: 85%;

}
	.video-contenido{	
	position: absolute;
	top:14px;
	left: 23px;
	height: 92%;
	}

.celular-contenedor{
	
	right: 35px;
	z-index: 50;
	height: 100%;
	margin: inherit;
	}	
}

@media (max-width: 1080px){
	.wsp-text{
	margin-left:  5%;
}

}

@media (max-width: 960px){
	.wsp-text{
	width: 60%;
	margin-left:  8%;
}

	.video-cont{
	
	margin-right: 0;
	width:40%;

	
	}
	
	.juntar-videos{
	height: 75%;

}
	.video-contenido{	
	position: absolute;
	top:14px;
	left: 17px;
	height: 91%;
	}

.celular-contenedor{
	
	right: 35px;
	z-index: 50;
	height: 100%;
	margin: inherit;
	}	
}

@media (max-width: 840px){
	.wsp-text{
	margin-left:  4%;
	}}


@media (max-width: 760px){
	.wsp-text{
	width: 55%;
	margin-left:  0;
}

	.video-cont{
	
	margin-right: 0;
	width:45%;

	
	}
	
	.juntar-videos{
	height: 75%;

}
	.video-contenido{	
	position: absolute;
	top:14px;
	left: 17px;
	height: 91%;
	}

.celular-contenedor{
	right: 35px;
	z-index: 50;
	height: 100%;
	margin: inherit;
	}	
}

@media (max-width: 680px){
	.caja-contacto{
	height: 800px;
}

.margen-de-wsp{
	height: 96%;
	margin-top: 8%;
}

.wsp{
	display: block;
	width: 100%;
	height: 800px;

}

.wsp-text{
	text-align: center;
	width: 100%;
	margin: auto ;
	margin-left:  0;

}

.video-cont{
	display: block;
	height: 55%;
margin: 25px auto 0 auto;

	}
	
.juntar-videos{
	top: 0;
	left: 0;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	
	
}


.video-contenido{	
	position: absolute;
	height: 92%;
		top:10px;
	left: 50%;
transform: translate(-50%, 0);
	}

.celular-contenedor{
	top:0;
	left: 50%;
transform: translate(-50%, 0);
	position: relative;
	display: flex;
	right: 0;
	z-index: 50;
	height: 100%;
	margin: inherit;
	}



.clickBtn{
	margin: auto;
	font-size: 28px;
	margin-top: 4%;
}
	
.linea-titulowsp{
	margin: auto;
}	
}

@media (max-width: 555px){
	.caja-contacto{
	height: 840px;
}

.wsp{
	height: 840px;

}
}
@media (max-width: 520px){
.titulo-contacto{
	font-family: 'gilroyblack';
	font-size: 36px;	
	color: white;
	
	}}

@media (max-width: 455px){
	.caja-contacto{
	height: 850px;
}


.wsp{
	height: 850px;

}
	
		.video-cont{
	display: block;
	height: 50%;
margin: 30px auto 0 auto;

	}
}

@media (max-width: 400px){
	
.descripcion-contacto{
	
display: none}

.descripcion-contacto1{
	display: block;

	}

.descripcion-contactocel{
	display: block;
}
	.descripcion-contactocel1{
	display: block;
}

	
	.caja-contacto{
	height: 850px;
}


.wsp{
	height: 850px;

}
	

}