@media screen and (max-width: 800px) {

    #navbar {
        height: 10vh;
        justify-content: center;
    }

    .nav-link {
        margin: 0 2vw;
    }

    #omega-inner {
        font-size: 170%;
        border-width: 0.3vw;
    }

    #theme-header-address {
        font-size: 110%;
        width: 40vw;
    }

    h2 {
        font-size: 22px;
    }

    .cards-container {
        margin-top: 4vh;
        width: 96%;
    }

    .card-text-content {
        font-size: 18px;
    }

    .block-container {
        padding: 3% 2vw;
    }

    #container {
        margin-top: 8vh;
    }

    .image-container {
        position: static;
        width: 100%;
        margin-top: 2%;
    }

    .business-desc {
        font-size: 20px;
        width: 90%;
        margin: auto;
    }

    .category-desc {
        width: 100%;
        flex-direction: column;
    }

    .category-text {
        font-size: 16px;
    }

    #location {
        flex-direction: column;
        height: initial;
        padding-bottom: 6vh;
    }

    #map-iframe {
        float: none;
        width: 96%;
        margin: 2%;
    }

    .address {
        padding: 4vh 0;
        font-size: 4em;
        width: 100%;
    }

    footer {
        height: 40vh;
        font-size: 4vh;
        flex-direction: column;
    }

    .footer-address  {
        margin: 8vh 1vh;
    }

    .contact {
        margin: 2vh 1vh;
        align-self: initial;
        flex-direction: column;
    }

    #store-image {
        width: 98%;
    }

    .article {
        width: 96%;
        font-size: 3.2vh;
    }

    #omega-overlay {
        background-size: unset;
    }

    #navbar a:last-of-type {
        margin-right: initial;
    }

    #theme-header-container {
        margin-left: 6vw;
    }
    
}


@media screen and (max-width: 700px) {

    #omega-inner {
        font-size: 270%;
        border-width: 0.5vw;
    }

    #theme-header-address {
        font-size: 200%;
        width: 48vw;
    }

    .cards-container {
        width: 86%;
        flex-direction: column;
        font-size: 3vh;
    }

    .business-desc {
        font-size: 18px;
        width: 100%;
        padding: 0 2vw;
    }

    .card {
        margin-top: 6vh;
    }

    #container {
        margin-top: 8vh;
    }

}