html,body{
    margin:0;
    padding:0;
    overflow-x: hidden;
}
body{
    display:flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    width:100vw;
    font-family: sans-serif;
    font-size: 100%;
}
.container{
    display:flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height:100%;
}
img{
    width: 100%;
}

.contact img{
    padding-bottom: 1.5rem;
}

.c-gallery {
}

.grid {
    background: #EEE;
    width: 120vw;
    height: 100vh;
    counter-reset: grid-item;
}

.grid-item {
    width: 19.5%;
    float: left;
    margin-bottom: 5px;
}
.contact{
    background-color: white;
    width:40vw;
    max-height: 70vh;
    position: absolute;
    padding: 4rem;
    padding-bottom: 3rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* A black shadow, offset, blurred */
    overflow: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
}

a:link, h1{
    color:#46736b;
}
h1{
    font-weight:normal;
    font-size: 1.5rem;
    line-height: 1.8rem;
}
p{
    line-height:1.5rem;
}
strong{
    font-size:larger;
    line-height:1.2rem;
}
.contact span{
    line-height:3rem;
}
.address{
    font-size:80%;
    line-height:normal;
    color:#666;

}

@media screen and (max-width:1500px) {
    .grid-item {
        width: 24.5%;
    }

}

@media screen and (max-width:600px) {
    .grid-item {
        width: 32.5%;
    }
    .contact{
        width: 70vw;
        padding:1.5rem;
        padding-bottom:1rem;
    }
.contact img{
    padding-bottom: .8rem;
}
h1{
    font-size: 1.2rem;
    line-height: 1.4rem;
}
p{
    font-size:.8rem;
    line-height: 1rem;
}
.contact span{
    font-size:1rem;
}
.address{
    font-size:.6rem;

}

    

}