@charset "utf-8";
/* CSS Document */
.padding-contenedor {
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.fa-leaf {
    color: lawngreen!important; 
	
}
.marcada-sostenible {
    text-shadow: 2px 2px 2px grey;
}
html,body{
margin:0px;
height:100%;
}

 html,
  body,
  .view {
    height: 100%;
  }

  @media (max-width: 740px) {
    html,
    body,
    
    .view {
      height: 100vh;
    }
  }

#section-1 h1 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: white;
    font-size: 3.2rem;
}
#section-1 h2 {
    margin-top:1rem; 
    font-size: 2,2rem;
    color: white;
}
#section-2 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
#section-2 p {
    
    font-size: 2rem;
    color: #4a4a4a!important;
    
}
#section-2 h2 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
     color: #4a4a4a;
    font-size: 3.2rem;
}
#section-3 {
    background-color: black;
}
#section-3 h1 {
    letter-spacing: 4px;
  }
#section-3 p {
    color: #4a4a4a;
}
.title-h {
   letter-spacing: 4px;
    font-size: 2.8rem;
    color:#4a4a4a;
}
  h5 {
    letter-spacing: 3px;
  }

.hr-light {
    border-top: 3px solid #fff;
    width: 80px;

}
.green-tritan {
    color: #239617;
}
.blue-whaterlogic {
    color: #32BEED;
}
#section-5 {
    background-color: #F2F2F2;
}
#tripadvisor {
    margin-top: 0!important;
}
#section-6 h2 {
    color: white; 
}

#section-6 p {
    color: white; 
}

#section-7 h2 {
    color: white; 
}

#section-7 p {
    color: white; 
}



.cover-container {
  max-width: 42em;
}
#section-7 {
  position: relative;
  background-color: black;
  height: 100%;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

#section-7 video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#section-7 .container {
  position: relative;
  z-index: 2;
}

#section-7 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
#section-10 {
    background-color: #E3F2FD;
}
/*@media (pointer: coarse) and (hover: none) {
  #section-7 {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  #section-7 video {
    display: none;
  }
}*/




/*Media Quieries*/
@media (max-width: 991px) {
    .padding-contenedor {
        padding-bottom: 3rem;
        padding-top: 3rem;
}
    .title-h {
        letter-spacing: 0px!important;
        font-size: 2.2rem!important;
        color:#4a4a4a;
}
    #section-1 h1 {
        
        font-size: 2.5rem;
}
    #section-2 {
        padding: 3rem 0;
    }
    #section-1 h2 {
        
        font-size: 2rem;      
}
    #section-2 p {
    
    font-size: 1.5rem;
    color: #4a4a4a!important;
    
}
    #section-4 img {
        padding-bottom: 3rem;
    }
    #section-7 h2 {
        margin-left: 15px;
       text-align: left;
    }
  
    #section-7 p {
        padding: 0 15px;
        text-align: left;
    }
    #section-8 img {
        padding-bottom:3rem;
    }  
  }
@media (max-width: 740px) {
   
}
@media (max-width: 390px) {
     #section-6 h2 {
        font-size: 2rem;
    }
    #section-6 p {
        font-size: 1rem;
    }
     #section-7 h2 {
        font-size: 2rem;
    }
    #section-7 p {
        font-size: 1rem;
    }
}