@media only screen and (max-width : 1440px){
    .mask .legs{
        font-size: 0.85rem;
    }
}
@media only screen and (max-width : 1281px){
}
@media only screen and (max-width : 1181px){
    .who-we-are h2{
        font-size: 1.25rem;
    }
}
@media only screen and (max-width : 1024px){
    :root{
        --navbar-height: 85px;
        --navbar-submenu-width: auto;
        --page-header-height: 40vh;
    }
    #joe-header{
        background-color: white;
    }
    .scrolled #joe-header .logo .logo-img{
        height: var(--logo-height);
        width: var(--logo-width);
    }
    .scrolled #joe-header .logo .logo-txt{
        font-size: 1.125rem;
    }
    .mask #primaryNav{
        background-color: white;
        height: calc(100vh - var(--navbar-height));
        left: 0;
        line-height: 4;
        padding-top: var(--navbar-height);
        position: fixed;
        top: var(--navbar-height);
        text-align: center;
        width: 100vw;
        z-index: 9999999999;
    }
    .mask #primaryNav .navbar-nav > li .nav-link{
        border-bottom: 1px solid #f2f2f2;
        font-size: 1em;
        padding-bottom: 1em;
        padding-left: 0;
        padding-top: 1em;
    }
    #joe-header .nav-icon .nav-link{
        align-items: center;
        display: flex;
    }
    #joe-header .nav-icon .nav-link:before{
        border: 1px solid;
        bottom: 0;
        border-radius: 50%;
        height: 30px;
        margin-right: 0.5em;
        text-align: center;
        width: 30px;
    }
    #joe-header .sub-menu{
        background-color: var(--bs-light);
        box-shadow: 0 0;
        border-radius: 0;
        font-size: smaller;
        padding: 0;
    }
}
@media only screen and (max-width : 992px){
    :root{
        --navbar-top-scrolled: 0;
    }
    .mask .wp-block-columns{
        flex-wrap: wrap;
    }
    .mask .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        flex-basis: 100% !important;
        flex-grow: 0;
    }
    .mask .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
    .mask .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
    .mask:not(.home) #stomach.col-12{
        padding: 0 1.5em;
    }
    #joeslider .js-item,
    .mask .page-header{
        background-attachment: scroll;
    }
    .mask .contact-info.small{
        font-size: 1rem;
    }
}
@media only screen and (max-width : 768px) {
    :root {
       
    }
    #joeslider .js-item{
        height: var(--main-slide-height);
    }
    .who-we-are{
        background-color: black;
        height: auto;
        margin-top: 0;
    }
}
@media only screen and (max-width : 507px){
    :root {
        --logo-width: 55px;
        --logo-height: 35px;
        --navbar-height: 65px;
        --huge-font-size: 2.35rem;
        --main-slide-content-width: 95%;
        --page-header-content-width: 95%;
        --page-header-height: 30vh;
        --large-font-size: 2rem;
        --medium-font-size: 1rem;
        --medium-2-font-size: 1rem;
        --normal-font-size: 1rem;
        --small-font-size: 0.85rem;
    }
    #joe-header{
        border-top-width: 2px;
    }
    .mask .breadcrumb{
        font-size: x-small;
    }
    #joe-header .logo .logo-txt,
    .scrolled #joe-header .logo .logo-txt,
    .mask .contact-info.small{
        font-size: small;
    }
    .mask .page-header .page-title,
    .mask .page-header .page-intro{
        font-size: 1.45rem;
    }
    .f-widgets .widget{
        width: auto;
    }
    .f-widgets .widget h3{
        margin-top: 0;
    }
}
@media only screen and (max-width : 375px){
    
}
@media only screen and (max-width : 320px){
    
}
@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape){

}