body{
    margin: 0 22.5vw;
    margin-bottom: 4em;
}
h1{
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}
ul li {
    list-style-type:circle;
    max-width: none;
    text-align: left;
    margin-left: 3em;
    font-size: 1.4em;
}

ol li {
    list-style-type:num;
    max-width: none;
    text-align: left;
    margin-left: 3em;
    font-size: 1.5em;
}

h2{
    margin-top:1em;
}

img{
    display: block;
    margin: 0 auto;
    width: 60%;
}

video{
    display: block;
    width: 60%;
    margin: 0 auto;
}

p{
    font-size: 1.4em;
    margin-top: 2em;
    margin-bottom: 2em;
}

hr{
    border-color: rgb(168, 235, 255);
}

.image-grid{
    display: grid;
    gap: 1em;
    grid-template-columns: 1fr 1fr;            
    width: 55%;
    margin: 0 auto;
}

.image-grid img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

audio{
    margin:auto;
    width:50%;
    display:block;
}
header{
    margin-top:2em;
}
time{
    font-family: "Inconsolata-Medium";
    text-align: center;
    display: block;
    margin: none;
}

@media screen and (min-width: 2560px){
    p{
        font-size: 2.1em;
    }
    time{
        font-size: 2.1em;
    }
    ul li{
        font-size: 2.1em;
    }
    ol li{
        font-size: 2.1em;
    }
}

@media only screen and (max-device-width: 767px) {
    p, ol li, ul li{
        font-size:0.95em;
    }
    body{
        width: 80%;
        margin: auto;
    }

    img, video{
        width:95%;
    }

    .image-grid{
        width:90%;
    }
}