@media screen and (max-width: 768px) {
.h1_hero {
color: #fff;
font-weight: bold;
}
#h1_header_index {
font-size: 40px;
line-height: 36px;
margin-bottom: 30px;
margin-left: -45px;
}
#span_header_index:before {
margin-left: 5px;
}
#span_header_index {
margin-left: 15px;
margin-top: 5px;
}
#fa_header {
font-size: 16px;
}
.icon {
height: 80px;
width: 80px;
}
.image_logo {
height: 50px;
width: 150px;
}
#logo_header {
position: absolute;
z-index: 2;
left: 10px;
top: 40px;
}
#p_text_header {
font-size: 13px;
top: 7px;
left: 10px;
}
#h1_title {
color: #fff;
font-size: 32px;
font-weight: bold;
margin-right: 20px;
}
.h2_hero {
font-size: 27px;
line-height: 26px;
}
.h2_text:before {
content: "";
display: inline-block;
width: 1px;
padding: 1px;
height: 40px;
background-color: #000;
position: absolute;
z-index: 2;
}
.h2_text {
font-size: 19px;
line-height: 21px;
}
.p_hero:before {
content: "";
display: inline-block;
padding: 1px;
height: 40px;
background-color: #000;
position: absolute;
z-index: 2;
}
.p_hero {
font-size: 18px;
line-height: 22px;
display: block;
}
.p_text {
font-size: 15px;
line-height: 17px;
width: 80vw;
}
.span_text {
color: #000;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
.span_espec {
font-size: 82px;
line-height: 70px;
}
.span_espec_centr {
color: #fdd391;
font-size: 73px;
line-height: 60px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
z-index: -1;
}
.span_hero:before {
width: 30px;
margin-right: 5px;
margin-bottom: 5px;
}
.span_hero {
font-size: 13px;
}
.container_pre {
position: relative;
padding: 20px;
height: 80px;
margin-top: 80px;
}
#h2_text_pre:before {
left: 50%;
top: -30px;
}
#h2_text_pre {
margin-top: 10px;
margin-left: 4px;
width: 75vw;
}
#span_pre {
color: #fdd391;
font-size: 73px;
line-height: 60px;
top: -20px;
left: 10px;
}
.container_inde_rowa {
height: 200px;
padding: 20px;
margin-top: 40px;
position: relative;
}
#p_inde_rowa:before {
top: -10px;
left: 50%;
}
#p_inde_rowa {
margin-top: 30px;
margin-left: 10px;
width: 47vh;
}
#span_inde_rowa {
top: 120px;
left: 450px;
}
.container_byr {
padding: 55px;
margin-top: 30px;
height: 700px;
}
#h2_text_byr:before {
top: 35px;
left: 50%;
}
#h2_text_byr {
left: -180px;
top: 320px;
width: 75vw;
}
#span_espec_byr {
left: 2vh;
top: 8vh;
}
.image_byr {
height: 49vh;
width: 60vw;
float: left;
margin-left: 0;
margin-bottom: 10vh;
}
.image_byr_pos {
height: 28vh;
width: 45vh;
top: 250px;
left: -25px;
position: absolute;
z-index: 2;
}
.container_inde_hab {
padding: 30px;
height: 700px;
}
.image_inde_hab {
height: 36vh;
width: 70vw;
margin-top: 10px;
}
.image_inde_hab_pos {
height: 33vh;
width: 52vw;
position: absolute;
z-index: 2;
right: 380px;
top: 80%;
}
#h2_inde_hab:before {
left: 50%;
top: -10px;
}
#h2_inde_hab {
text-align: left;
margin-top: 40px;
margin-left: -10px;
}
#p_inde_hab {
margin-top: 20px;
margin-left: -10px;
}
#span_inde_hab {
left: 30px;
top: -20px;
}
.container_inde_vrer {
height: 410px;
position: relative;
}
#p_vrer:before {
top: -60px;
left: 50%;
}
#p_vrer {
font-size: 23px;
line-height: 25px;
width: 70vw;
top: 140px;
left: 30px;
}
#span_vrer {
font-size: 59px;
left: 20px;
top: 300px;
}
.container_inde_abo {
margin-top: 30px;
padding: 47px;
}
#h2_inde_abo:before {
top: -10px;
right: 50%;
}
#h2_inde_abo {
margin-top: 50px;
text-align: left;
margin-left: -20px;
width: 80vw;
}
#p_inde_abo {
margin-top: 17px;
margin-left: -20px;
width: 75vw;
}
#span_espec_abo {
top: -5px;
left: -20px;
}
.image_abo {
height: 35vh;
width: 75vh;
margin-bottom: 60px;
}
.container_habitac {
margin-top: 120px;
position: relative;
}
.row_habitac {
margin: 7px;
padding: 20px;
}
.container_about {
margin-top: 110px;
height: 420px;
padding: 16px;
position: relative;
}
.back_about {
background-color: rgb(30, 144, 255, 0.8);
height: 440px;
width: 100%;
position: relative;
}
.back_spac_about {
height: 440px;
width: 35%;
position: relative;
background-color: transparent;
}
.back_about_image {
height: 29vh;
width: 42vh;
}
#p_espec_about {
position: absolute;
z-index: 2;
left: 160px;
width: 70%;
top: 120px;
}
#span_espec_about {
top: 70px;
left: 160px;
}
#fa_back_about {
font-size: 50px;
color: #8f2015;
opacity: 0.7;
float: left;
margin-top: 130px;
margin-left: 140px;
}
.container_kui {
position: relative;
height: 350px;
margin-top: 80px;
padding: 10px;
}
#h2_text_kui:before {
left: 50%;
top: 5px;
}
#h2_text_kui {
margin-top: 50px;
margin-left: 25px;
width: 75vw;
}
#span_espec_kui {
left: 80px;
top: 50px;
}
.container_spacing_cax {
padding: 30px;
margin-top: 20px;
}
#p_hero_cax {
margin-bottom: 30px;
}
#span_hero_cax {
margin-left: -40px;
}
.cont_back_nre {
background-color: rgb(30, 144, 255, 0.8);
height: 500px;
width: 100%;
}
#p_hero_nre:before {
top: 105px;
left: 45%;
}
#p_hero_nre {
margin-top: 170px;
margin-left: 30px;
width: 75vw;
}
#h2_hero_nre {
margin-top: 0;
margin-left: 10px;
width: 85vw;
}
#p_hero_bureq:before {
left: 50%;
top: -60px;
}
#p_hero_bureq {
margin-bottom: 5px;
margin-left: 25px;
width: 44vh;
}
#h2_hero_bureq {
margin-left: 17%;
width: 35vh;
}
.btn_primary {
border: none;
border-radius: 35px;
padding: 20px 33px;
background-color: #8f2015;
color: #000;
outline: none;
cursor: pointer;
transition: 1s all;
}
#fa_btn {
margin-left: 10px;
}
.btn_primary:hover {
color: #000;
text-decoration: none;
background-color: #e26d5a;
}
#btn_prim_hab {
float: left;
margin-left: 55px;
margin-top: 10px;
}
#btn_prim_hab:hover {
margin-left: 65px;
}
#btn_inde_abo {
float: left;
margin-left: 20px;
margin-top: 10px;
}
#btn_inde_abo:hover {
margin-left: 35px;
}
.btn_secundary {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
background-color: transparent;
cursor: pointer;
color: #8f2015;
}
.btn_secundary:hover {
color: #e26d5a;
text-decoration: none;
}
.icon {
height: 40px;
width: 40px;
}
.container_servicios {
position: relative;
padding: 45px;
margin-top: 57px;
}
.capt_servicios {
margin-left: 35px;
padding: 8px;
}
#icon_serv {
position: absolute;
z-index: -1;
left: -10px;
top: 0;
}
#p_text_servicios {
margin-left: -5px;
width: 60vw;
}
#span_post_serv {
font-size: 16px;
line-height: 22px;
font-style: italic;
margin-top: 30px;
}
.container_tarifas {
margin-top: 80px;
padding: 10px;
position: relative;
}
#row_tari {
margin-top: 7px;
}
#h3_tari:before {
content: "";
display: inline-block;
width: 1px;
padding: 1px;
height: 40px;
background-color: #000;
position: absolute;
z-index: 2;
left: 50%;
top: 30px;
}
#h3_tari {
font-size: 26px;
margin-top: 80px;
}
#p_text_tari {
margin-left: 29px;
}
#span_tari {
margin-right: 70px;
}
.container_testimonial {
margin-top: 30px;
height: 540px;
position: relative;
}
#h2_index_testim:before {
left: 50%;
top: -10px;
}
#h2_index_testim {
margin-bottom: 70px;
}
#span_inde_testim {
top: 70px;
left: 400px;
}
.content_testimonial {
height: 380px;
width: 650px;
margin-left: 45px;
}
.back_testim {
background-color: rgb(30, 144, 255, 0.8);
height: 400px;
width: 100%;
position: relative;
}
.back_spac_testim {
height: 400px;
width: 35%;
position: relative;
background-color: transparent;
}
.image_testimonial {
height: 30vh;
width: 72vw;
top: 240px;
right: 30px;
}
#span_testimonial {
position: absolute;
z-index: 2;
top: 90px;
left: 100px;
}
#p_espec_testimonial {
font-size: 21px;
position: absolute;
z-index: 2;
width: 75%;
top: 130px;
text-align: left;
left: 100px;
}
#fa_back_testim {
color: #8f2015;
font-size: 50px;
opacity: 0.7;
position: absolute;
z-index: 1;
top: 120px;
left: 80px;
}
#carouselContent {
height: 350px;
width: 90%;
}
.carousel-control-icon {
position: absolute;
top: 15%;
width: 30px;
height: 30px;
padding: 10px;
opacity: 1;
text-align: center;
border-color: none;
outline: none;
cursor: pointer;
top: 260px;
transition: 1s all;
opacity: 0.7;
}
.carousel-control-prev {
left: 100px;
}
.carousel-control-prev:hover {
left: 105px;
}
.carousel-control-next {
left: 165px;
}
.carousel-control-next:hover {
left: 170px;
}
.carousel-control-prev .fa,
.carousel-control-next .fa {
font-size: 18px;
color: #8f2015;
}
.carousel-control-prev .fa:hover,
.carousel-control-next .fa:hover {
color: #e26d5a;
}
.container_galeria {
margin-top: 130px;
padding: 0;
}
.image_galeria {
height: 310px;
width: 450px;
cursor: pointer;
}
.container_form_contacto {
margin-top: 20px;
padding: 30px 80px;
}
#formularioEnvioMensaje {
margin-top: 30px;
padding: 70px;
position: relative;
}
.container_reserva_form {
margin-top: 20px;
padding: 30px 80px;
}
#formularioEnvioReserva {
margin-top: 30px;
padding: 70px;
position: relative;
}
.map {
width: 100%;
height: 550px;
border: none;
margin-top: 20px;
}
.container_habit_sing {
margin-top: 20px;
height: 170px;
padding: 10px;
position: relative;
}
#icon_habit_sing {
margin: 10px;
}
#span_habit_sing {
font-size: 20px;
margin-left: -10px;
}
#p_habit_sal {
font-size: 16px;
margin-left: -10px;
font-style: italic;
}
.container_habit_imag {
margin-top: 30px;
margin-bottom: 20px;
}
.image_habit_sing {
height: 35vh;
width: 48vw;
margin: 4px;
display: flex;
}
.image_habit_sing_pos {
height: 40vh;
width: 40vw;
}
.container_habit_descrip {
padding: 10px;
margin-top: 5px;
}
#p_text_habit_descrip {
text-align: center;
width: 65vw;
}
.g-recaptcha {
position: absolute;
z-index: 2;
left: 440px;
bottom: -5px;
}







}








@media screen and (max-width: 768px and min-width: 576px) {
}