.body-color{
    background-color: #b5ecff;
}
.colored-box-contact{
    margin: 1%;
    width: 90%;
    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);
}
.gridbox{
    padding: 2%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.grid-item{
    display: inline-block;
}
.iframe-map{
    width: 60vw;
    height: 80vh; 
    border: 0;
    border-radius: 2%;
}
.hours-box{
    display: inline-block;
    padding: 2%;
    margin-left: auto;
    margin-right: auto;
    width: 49%;
}
.custom-list{
    list-style-type: none;
}
@media (min-width: 300px){
    .gridbox{grid-template-columns: repeat(1, 1fr);}
    .hours-box{width: 100%;}
    .iframe-map{width: 80vw; height: 50vh;}
}
@media (min-width: 360px){
    .gridbox{grid-template-columns: repeat(1, 1fr);}
}
@media (min-width: 600px){
    .gridbox{grid-template-columns: repeat(2, 1fr);}
    .hours-box{width: 49%;}
    .iframe-map{width: 50vw; height: 50vh;}
}
@media (min-width: 900px){
    .gridbox{grid-template-columns: repeat(2, 1fr);}
    .hours-box{width: 49%;}
    .iframe-map{width: 60vw; height: 70vh;}
}
@media (min-width: 1100px){
    .gridbox{grid-template-columns: repeat(2, 1fr);}
    .hours-box{width: 49%;}
    .iframe-map{width: 50vw; height: 70vh;}
}