body{margin: 0; font-family: 'Red Hat Display', sans-serif !important;}

.section{display: flex;}

.head{background: #fff; text-align: center; padding: 0px 15px; box-shadow: -3px -5px 3px 0px #000; height: 120px; max-height: 120px; display: flex; position: relative; z-index: 99; justify-content: center; align-items: center; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);}
.head img{width: 210px;}
.home1{position: relative;background: url('../imagenes/tiara-express.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 50%;     height:100vh;}
.home2{position: relative;background: url('../imagenes/grupo-julios.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 50%;     height: 100vh;}


/*Logos*/
.cont-logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; text-align: center;width: 100%}
.logo-j{width: 210px; height: auto;margin-bottom: 20px;}
.logo-t{width: 170px; height: auto;}
.btn-transparent{
	font-size: 18px;
    background-color: transparent;
    text-decoration: none;
    color: #FFF;
    position: relative;
    padding: 10px 10px;
    border: 1px solid #fff;
    display: block;
    top: 25px;
    text-align: center;
    max-width: 180px;
    margin: 0 auto;
    font-family: 'Red Hat Display', sans-serif !important;
}
.btn-transparent-v{
	font-size: 18px;
    background-color: transparent;
    text-decoration: none;
    color: #FFF;
    position: relative;
    padding: 10px 10px;
    border: 1px solid #fff;
    display: block;
    top: 25px;
    text-align: center;
    max-width: 180px;
    margin: 0 auto;
    font-family: 'Red Hat Display', sans-serif !important;
}




/*hover*/


@media only screen and (max-width: 800px){
	.head{height: 16vh; max-height: 16vh;}
	.head img{max-width: 100%;}
	.section{display: block;}
	.home1, .home2{width: 100%;}
	.home1:hover .blend-left, .home2:hover .blend-right{width: 100%; height: 100%;}
	.border-left, .border-right{display: none;}
	.head img{width: 175px;}
	.home1:hover .logo-t, .home1:hover .btn-transparent, .home2:hover .logo-j, .home2:hover .btn-transparent{transform: none;}
	.cont-logo{width: 100%; text-align: center;}

}


/* Mobile */
@media only screen and (max-width: 767px) {

	.home1 {
    height: 42vh;
}

.home2 {
    height: 42vh;
}
.logo-t, .logo-j{
    width: 110px !important;
}
.btn-transparent {
    max-width: 180px !important;
    top: 25px !important;
}
}


.p_descripcion{
    font-family: 'Red Hat Display', sans-serif !important;
    color: white;
    font-size: 18px;
    font-weight: 500;
}


/*Redes Desktop*/
.cont-info-float{position: fixed; top: 25%; right: 5px; z-index: 99999;}
.info-float img{width: 40px; display: block; margin: 10px 0; filter: drop-shadow(1px 3px 2px black);}
.cont-redes-phone{display: none;}

/*Animation*/
.info-float:hover img{animation: move linear 2s infinite;}

@keyframes move{
	0%{transform: translateX(-10px);}
	50%{transform: translateX(10px);}
	100%{transform: translateX(-10px);}
}

@media screen and (max-width: 767px){
	/*Redes Phone*/
	.cont-redes-phone{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
	.cont-redes-phone .cont-style{border-top: 1px solid #fff; display: flex; align-items: center;}
	.whats-phone{background: #c4c4c3; width: 25%; padding: 10px 0;}
	.phone-phone{background: #c4c4c3; width: 25%; padding: 10px 0;}
	.mail-phone{background: #c4c4c3; width: 25%; padding: 10px 0;}
	.insta-phone{background:#c4c4c3; width: 25%; padding: 10px 0;}
	.face-phone{background: #c4c4c3; width: 25%; padding: 10px 0;}
	/*end*/	
}