@charset "utf-8";
/* CSS Document */

.amenities-container {
    width: 80%;
    margin: auto;
}

.amenities-box {
    width: 20%;
    float: left;
    margin: 2%;
    text-align: center;
    font-size: 18px;
font-weight: 500;
height: 208px;

}

.amenities-box img {
/*    box-shadow: 0px 0px 5px #ccc;*/
box-shadow: 0px 0px 14px #666;
background-color: #fff;
padding: 5%;
margin-bottom: 5%;

}


.amenities-container h2 {
    text-align: center;
    padding: 3%;
/*    font-size: 34px;*/
    position: relative;
    color:#252525;
    font-size: 40px;
line-height: 1.3em;

    
}

.amenities-container h2:after {
    position: absolute;
/*    width: 157px;*/
    width: 14%;
    height: 2px;
    background-color: #7ec13f;
    content: "";
/*    margin-top: 11px;
margin-bottom: 5px;*/
bottom: 25px;
left: 43%;


}


html, body {
    overflow-y: auto !important;
}

.clear-both {
    clear: both;
}


@media only screen and (max-width:1024px) {
    
    
    .amenities-container {
    width: 88%;
    }
    
    .amenities-container h2 {
        padding-top: 8%;
        
    }
    
    
}



@media only screen and (max-width:800px) {
    
    
   .amenities-box {
    width: 45%;
    margin-bottom: 3%;
   }
    
    .amenities-container h2:after {
        bottom: 15px;
    }
    

  .amenities-container h2  {
        margin-bottom: 3%;
}
    
}


@media only screen and (max-width:640px) {
    
    
   .amenities-container h2 {
        font-size: 30px;
        padding-top: 13%;
    }
    
    
    .amenities-container h2::after {
        
        bottom: 8px;
}
    
    
    
}


@media only screen and (max-width:480px) {
    
    
   .amenities-box {
    width: 90%;
    margin-bottom: 3%;
   }
    
      .amenities-container h2 {
        font-size: 30px;
        padding-top: 17%;
        margin-bottom: 5%;
    }
    
     .amenities-container h2:after {
       width: 25%;
       left: 38%;
    }
    
}

@media only screen and (max-width:360px) {
    
     .amenities-container h2:after {
         bottom: 1px;
         width: 32%;
         left: 35%;
     }
    
     .amenities-container h2 {
    padding-top: 24%;
    margin-bottom: 11%;
}

    
    
}