.big-container{
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto;
}
.box-container1{
    display: grid;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: repeat(2, 1fr);
}
.box-container2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.colored-box-alt1{
    margin: 1%;
    padding: 4%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    background-color: #fafafa;
    border-radius: 15px 15px;
    box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
}
.colored-box-alt2{
    margin-top: 1%;
    padding: 4%;
    width: 70%;
    margin-left: auto;
    margin-right: 15%;
    height: fit-content;
    background-color: #fafafa;
    border-radius: 15px 15px;
    box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
}
.colored-box-alt3{
    margin: 1%;
    padding: 1%;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    background-color: #fafafa;
    border-radius: 15px 15px;
    box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
}
.services-box{
    width: 100%;
    padding: 2%;
    text-align: center;
}
.service-icon{
    margin-left: auto;
    margin-right: auto;
}
.amenities-pic{
    width: 46%;
    margin: 1%;
    margin-bottom: 5%;
    border-radius: 15px 15px;
    box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 80px -39px rgba(0,0,0,0.75);
}
@media (min-width: 300px){
    .colored-box-alt2{width: 100%; margin-top: 5%;}
    .colored-box-alt3{width: 95%;}
    .box-container1{display: block;}
    .box-container2{grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 360px){
    
}
@media (min-width: 600px){
    
}
@media (min-width: 900px){
    .colored-box-alt2{width: 70%; margin-top: 1%;}
    .colored-box-alt3{width: 75%;}
    .box-container1{display: grid;}
    .box-container2{grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1100px){
    
}