html,body {
    margin: 0; 
    padding: 0;
    height: 100%;
    }

@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto+Slab|Source+Code+Pro|Source+Sans+Pro&display=swap');
    div, p {font: 22px 'Source Sans Pro', sans serif; justify-content: center;}
#container {display: flex; justify-content: center; margin: 0% 0.5rem; flex-wrap: wrap;}

.spacer{display: block; width: 100%; margin: 1rem;}

#gallery_link {display: flex; 
    width: 20%; height: auto;
    font: 600 28px 'Source Sans Pro', sans serif;
    justify-content: center;
    border-radius: 25px;
    border: 3px solid #000;
    overflow: auto;
    flex-wrap: wrap;
}

#grid {display: grid;}

@media screen and (max-width: 812px) {div, p{font: 16px 'Source Sans Pro', sans serif; justify-content: center;}img{width="200"; height="auto";}
.container {display: flex; justify-content: center; flex-wrap: wrap;}#gallery_link {display: flex; width: 80%; height: auto; font: 600 22px 'Source Sans Pro', sans serif; justify-content: center; border-radius: 25px; border: 3px solid #000; overflow: auto; flex-wrap: wrap;}}
@media screen and (max-width: 320px) {.container {display: flex; justify-content: center; margin: 0% 0.5rem; flex-wrap: wrap;}#gallery_link {display: flex; width: 80%; height: auto; font: 600 22px 'Source Sans Pro', sans serif; justify-content: center; border-radius: 25px; border: 3px solid #000; overflow: auto; flex-wrap: wrap;}}