@media screen and (max-width: 599px) {
    .content-container {
        width: 90% !important;
        margin: 20px auto !important;
    }

    .content-container p {
        width: 100% !important;
    }

    .content-container img {
        width: 60% !important;
        object-fit: cover;
    }

    img.tall {
        width: 100% !important;
        /* height: auto; */
    }

    .left {
        margin-right: 10px !important;
    }

    p img.wide {
        width: 100% !important;
    }

    .mid-container {
        display: flex;
        flex-direction: column !important;
    }
}

:root {
    --global-web-width: 1170px;
}

.content-container {
    width: var(--global-web-width);
    margin: 80px auto;
}

.content-container h1 {
    font-size: 24px;
    font-weight: 1000;
    text-indent: 20px;
}

.content-container ol {
    margin-bottom: 40px;
}

.content-container ol li {
    font-size: 16px;
}