body {
    /*font-size: 12pt;*/
    font-family: verdana, tahoma, arial, helvetica, sans-serif, "MS Sans Serif";
}

nav {
    width: 20vw;
    margin: auto;
}

.container {
    width: 30vw;
    margin: auto;
}

.post .date {
    font-style: italic;
}

.post-content .image-subtext {
    /*font-size: 10pt;*/
    text-align: center;
    display: block;
}

.post-content img {
    max-width:90%;
    max-height:100%;
    display: block;
    margin: auto;
    margin-bottom: 1rem;
}

@media screen and (max-width: 750px){
    .container {
        width: 80vw;
    }
}

@media screen and (min-width: 751px){
    .container {
        width: 70vw;
    }
}

@media screen and (min-width: 1000px){
    .container {
        width: 60vw;
    }
}

@media screen and (min-width: 1200px){
    .container {
        width: 50vw;
    }
}

@media screen and (min-width: 1400px){
    .container {
        width: 40vw;
    }
}


@media screen and (min-width: 1850px){
    .container {
        width: 30vw;
    }
}