body{
    font-size: 1.8rem;
    font-family: 'Lato', sans-serif !important;
}
.bg-pukina{
    /*background: rgba(255, 255, 255, .75);*/
    background: rgba(171, 18, 67, .75);
}
.bg-pukina h1, .bg-pukina-gindo h1{
    font-size: 2.5rem;
    color: #fff;
}
.bg-pukina-gindo{
    /*background: rgba(148, 29, 58, .5);*/
    background: #941d3a;
    position: relative;
    width: 100%;    
}

.baner-content .bg_gradiend{
    /*background: rgba(0,0,0,0.2);*/
    background: linear-gradient(to right, rgba(0, 0, 0,.5), rgba(0, 0, 0,0));
    font-size: 1.5rem;
    max-width: 550px;
    color: #fff;
    margin-top: 11vh;
    line-height: 2rem;
}
#cnt-video{
    min-height: 100vh;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)), url(../../media/images/content/huayna-potosi.jpg);
}
#cnt-video #video_background {
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: auto ;
  z-index: -1000;
  overflow: hidden;
}
#cnt-video .video-text {
  position: relative;    
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, .25);
  color: var(--light);
  /*padding-top: 50vh; */
}
#cnt-video .video-text .container{
    padding-top: 65vh;
}
#cnt-video #myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
#cnt-video .video-text h1{
  font-size: 3rem;
  font-weight: 300;
  text-shadow:
  1px 1px 2px black,
  0 0 1em black,
  0 0 0.2em black;
}
#cnt-video mark{
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 21px;   
    font-weight: 300; 
}
#cnt-video .video-text #logo_image{
    max-width: 250px !important;  
}

.btn-pukina{
  /*background: #9e1c3e;*/
  background: rgba(158, 28, 62, .75);
  color: #fff !important;
  border: none;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 5px 50px;      
  border: solid 1px rgba(255, 255, 255, .75);
}
.btn-pukina:hover{
    background: rgba(214, 16, 60, .75);
}
#services{
    color: #333;
    min-height: 100vh;
    font-weight: 300;
    font-size: 1.8rem;
}
#services .max-height-service{
    min-height: 100vh;
    min-height: 900px;
}
#services .img-about{
    background-position: center;
    background-repeat: no-repeat;
    max-width: 403px;
    opacity: .7;
}
#services #first-tab-group{
    min-height: 310px;
}

#gradient {
    height: 400px;
    background: linear-gradient(to right, rgba(255, 255, 255,1), rgba(255, 255, 255,0));
}
#services .container{
    padding-top: 20px;
}
#services {
    color: #fff;
}

.yellow{
    background: #ecb126;
    color:#32395c;
    position: relative;
}
  .yellow h2{
    color:#32395c;
    font-size: 2rem;
    font-weight: 300;
  }
  #contact-us h1{
    color: #fff;
    font-size: 2.5rem;
    font-weight: 300;
  }
  /*
  #contact-us h2{
    color: #fff;
  }*/
  /*
  .contact-content {
    padding-top: 5vh;        
  }*/
  #contact input, #contact textarea{
    font-size: 1.6rem;
  }
#mute{
    cursor: pointer;
    position: absolute;
    top: 90px;
    right: 10px;
    border: 1px solid #000;
    background-size: cover;
    z-index: 10000;
}
#mute span{
    height: 50px;
    width: 50px;
}
.service-content {
    /*padding-top: 5vh;*/
}    
.h2, h2 {
    font-size: 2rem;
}
p {
    line-height: 25px;
}
#about{
    min-height: 100vh;
    font-weight: 300;
    font-size: 1.8rem;
}
#tripadvisor{
    min-height: 100vh;
    color: #2e3153;;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)), url(../../media/images/content/huayna-potosi.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
#contact-us{
    /*min-height:calc(100vh - 70px);*/
    min-height: 100vh;
    font-weight: 300;
}
#contact-us .container{
    padding-top: 10px;
}
.border-about{
    border: solid 1px #33375d;
    border-radius: 20px;
    padding: 30px;
}
.border-service{
    border: solid 1px #fff;
    border-radius: 20px;
    padding: 30px;   
}
.bootom_logo{
    position: relative;
    bottom: 0px;
    background: rgba(255, 255, 255, .5);
}
@media (min-width: 576px) {
    #cnt-video .video-text .container{
        padding-top: 70vh;
    }
}
@media (min-width: 768px) {
    #contact-us .container{
        padding-top: 150px;
    }
    .bootom_logo{
        position: absolute !important;
        bottom: 0px;
        background: rgba(255, 255, 255, .5);
    }
}
@media (min-width: 992px) {
    #cnt-video .video-text #logo_image{
        max-width: 360px !important;  
    }   
    #cnt-video .video-text {
        position: absolute;
        background: rgba(0, 0, 0, .25);
    }
    #about{
        font-size: 2.5rem;
    }
    .bg-pukina-gindo{
        background: rgba(148, 29, 58, .5);
        position: absolute;
    }
    .bg-pukina h1, .bg-pukina-gindo h1{
        font-size: 5rem;
    }
    .yellow{
        /*background: rgba(249, 183, 67, .75);*/
        position: absolute;        
        width: 100%;
    }
    .yellow h2{
        font-size: 2.5rem;
        font-weight: 300;
        color:#32395c;
    }
    #contact-us .container{
        padding-top: 200px;
    }
    
}
@media (min-width: 1200px) {
    #cnt-video .video-text h1{
        font-size: 5rem;
    }
    .baner-content .bg_gradiend{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    body{
        font-size: 2.3rem;
    }
    .bg-pukina h1{
        font-size: 5rem;
    }
    #cnt-video{
        height: 100vh;
        overflow: hidden;
    }

    #cnt-video .video-text #logo_image{
        max-width: 100% !important;    
    }
    .btn-pukina{
        font-size: 2.5rem;
        padding: 10px 100px;         
        /*margin: 30px 0;   */       
    }
    /*
    .baner-content .bg_gradiend{
        background: rgba(0,0,0,0.4);
    }    */
    #services{
        font-size: 2.125rem;
        min-height: 1000px;
    }
    
    #contact input, #contact textarea {
        font-size: 1.8rem;
    }
    #contact-us h1{
        font-size: 4rem;
    }
    .service-content {
        padding: 30vh 0;
    }
    .h2, h2 {
        font-size: 3rem;
    }
    p {
        line-height: 30px;
    }
    .yellow{
        padding: 20px 0;
    }
    .yellow h2{
        font-size: 2.5rem;
        font-weight: 300;
        color:#32395c;
    }

}
@media (min-width: 1400px) {
    #cnt-video .video-text .container{
        padding-top: 70vh;
    }   
    .baner-content .bg_gradiend{
        font-size: 2.4rem;
        line-height: 3rem;
    }
}
@media (min-width: 1600px) {
}
@media (min-width: 1900px) {
}