@media (max-width: 575px) {
    .new-job-container {
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
    }
    
    .position-check .pretty {
        margin-bottom: 10px;
    }
    
    .pad-switch-l {
        padding-left: 15px;
    }
    /* prevents phone screen from zooming into input on mobile */
    input {
        font-size: 16px !important;
    }
}
@media (min-width: 576px) {
    .pt-sm-mob,
    .py-sm-mob {
        padding-top: var(--sm);
    }
    .pb-sm-mob,
    .py-sm-mob {
        padding-bottom: var(--sm);
    }
    .pt-md-mob,
    .py-md-mob {
        padding-top: var(--md);
    }
    .pb-md-mob,
    .py-md-mob {
        padding-bottom: var(--md);
    }
    .pt-lg-mob,
    .py-lg-mob {
        padding-top: var(--lg);
    }
    .pb-lg-mob,
    .py-lg-mob {
        padding-bottom: var(--lg);
    }
    .mt-sm-mob,
    .my-sm-mob {
        margin-top: var(--sm);
    }
    .mb-sm-mob,
    .my-sm-mob {
        margin-bottom: var(--sm);
    }    
    .mt-md-mob,
    .my-md-mob {
        margin-top: var(--md);
    }
    .mb-md-mob,
    .my-md-mob {
        margin-bottom: var(--md);
    }
    .mt-lg-mob,
    .my-lg-mob {
        margin-top: var(--lg);
    }
    .mb-lg-mob,
    .my-lg-mob {
        margin-bottom: var(--lg);
    }
    
    .pl {
        padding-left: 5px;
    }
    
    .pr {
        padding-right: 5px;
    }
    
    .pad-switch-l {
        padding-left: 15px;
    }
    
    .featured-box {
        margin-right: 0;
        margin-left: 0;
    }
    .plain-hero h1{font-size:44px;line-height:48px;}
    .svg-under svg{top:-60vh;}
    .thank-sponsor,
    .sponsors.container{padding-left:15px;padding-right:15px;}
    .contact-dialog .form-label-left{padding-right:4.5px;}
    .contact-dialog .form-label-right{padding-left:4.5px;}
    .gallery-grid {
        grid-template-columns: 2fr 1fr 1fr 2fr;
    }
    .gallery-grid > .grid-item {
        grid-column: span 2;
    }
    .gallery-grid > .grid-item:nth-child(3n + 3) {
        grid-column: span 4;
    }
}
@media (width:600px){
    .svg-under svg{top:-15vh;}
}
@media (min-width: 768px) {
    .pt-sm-tab,
    .py-sm-tab {
        padding-top: var(--sm);
    }
    .pb-sm-tab,
    .py-sm-tab {
        padding-bottom: var(--sm);
    }
    .pt-md-tab,
    .py-md-tab {
        padding-top: var(--md);
    }
    .pb-md-tab,
    .py-md-tab {
        padding-bottom: var(--md);
    }
    .pt-lg-tab,
    .py-lg-tab {
        padding-top: var(--lg);
    }
    .pb-lg-tab,
    .py-lg-tab {
        padding-bottom: var(--lg);
    }
    .mt-sm-tab,
    .my-sm-tab {
        margin-top: var(--sm);
    }
    .mb-sm-tab,
    .my-sm-tab {
        margin-bottom: var(--sm);
    }    
    .mt-md-tab,
    .my-md-tab {
        margin-top: var(--md);
    }
    .mb-md-tab,
    .my-md-tab {
        margin-bottom: var(--md);
    }
    .mt-lg-tab,
    .my-lg-tab {
        margin-top: var(--lg);
    }
    .mb-lg-tab,
    .my-lg-tab {
        margin-bottom: var(--lg);
    }
    
    .pad-switch-l {
        padding-left: 5px;
    }
    
    .listing {
        grid-template-columns: 1.5fr repeat(3, 1fr);
        grid-template-rows: auto;
    }
    .listing-btn {
        place-self: center end;
    }
    
    .listing-title {
        grid-column: 1;
        text-align: left;
    }
    .featured-col {
        padding-right:10px;
    }
    .featured-col:nth-child(2n) {
        padding-left: 10px;
        padding-right: 5px;
    }
    .featured-col:nth-child(1), .featured-col:nth-child(2) {
        margin-top: 0;
    }
    .hero-glide .glide__bullets{max-width:690px;width:100%;left:calc(50% - 345px);transform:translateX(calc(345px - 50%));}
    .hero-glide .glide__bullets hr.vertical{height:7rem;}
    .hero-glide .glide__bullet{max-width:calc( 543px / 4);}
    .scroll-icon{
        bottom:calc(3.5rem - 18px);
        right:calc(50% - 345px);
    }
    .svg-under svg{top:-25vh;}
    .sponsors-grid {
        --col: 3;
    }
    .sponsor-box:nth-child(n) {
        border-right: 1px solid;
        border-top: unset;
    }
    .sponsor-box:nth-child(19n + 3),
    .sponsor-box:nth-child(19n + 6),
    .sponsor-box:nth-child(19n + 9),
    .sponsor-box:nth-child(19n + 12),
    .sponsor-box:nth-child(19n + 15),
    .sponsor-box:nth-child(19n + 18),
    .sponsor-ad + .sponsor-box {
        border-right: unset;
    }
    .sponsor-box:nth-child(-n + 3) {
        border-top: 1px solid;
    }
    .sponsor-ad {
        grid-column: 1 / span var(--col);
    }
    .background-image-fish::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	background-image: linear-gradient(270deg, var(--black-gradient) 15%, transparent);
    }
    
    .background-image-fish.covid-19::after {
        content: '';
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	background-image: linear-gradient(270deg, var(--black-gradient) 100%, transparent);
    }
    
    .background-image-fish {
    	opacity:1;
    }
    .share-links li{display:block;padding-right:0px;}
    .black-gradient-hero.plain-hero .background-image-holder .hero-image {
    	opacity:1;
    }
    .black-gradient-hero.plain-hero .background-image-holder::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: -1px;
        left: 0;
        background-image: linear-gradient(0deg, var(--black) 10%, transparent);
    }
    .two-col ol{column-count:2;padding-left:20px;}
    .thank-sponsor .sponsor-box:nth-child(19n + 3),
    .thank-sponsor .sponsor-box:nth-child(19n + 6),
    .thank-sponsor .sponsor-box:nth-child(19n + 9),
    .thank-sponsor .sponsor-box:nth-child(19n + 12),
    .thank-sponsor .sponsor-box:nth-child(19n + 15),
    .thank-sponsor .sponsor-box:nth-child(19n + 18) {
        border-right: 1px solid;
    }
    .thank-sponsor .sponsor-box:nth-child(2n + 2){
        border-right: 1px solid;
    }
    .thank-sponsor .sponsor-box:nth-child(3n + 3){
        border-right:unset;
    }
    .contact-dialog .form-label-left{padding-right:15px;}
    .contact-dialog .form-label-right{padding-left:15px;}
    .contractor-map {
        height: 400px;
    }
    .admin-home .svg-under{height:20vh;min-height:100px;}
}
@media (min-width:768px) and (orientation: landscape) {
    .svg-under svg{top:-85vh;}
}
@media (max-width: 991px) and (orientation: landscape){
    .hero-glide{height:100vh;}
}

@media (max-width: 840px) and (orientation: landscape){
    .hero-glide{height:155vh;}
}
@media (width: 960px) {
    .svg-under svg{top:-55vh;}
}
@media (min-width: 992px) {
    .pt-sm-lap,
    .py-sm-lap {
        padding-top: var(--sm);
    }
    .pb-sm-lap,
    .py-sm-lap {
        padding-bottom: var(--sm);
    }
    .pt-md-lap,
    .py-md-lap {
        padding-top: var(--md);
    }
    .pb-md-lap,
    .py-md-lap {
        padding-bottom: var(--md);
    }
    .pt-lg-lap,
    .py-lg-lap {
        padding-top: var(--lg);
    }
    .pb-lg-lap,
    .py-lg-lap {
        padding-bottom: var(--lg);
    }
    .mt-sm-lap,
    .my-sm-lap {
        margin-top: var(--sm);
    }
    .mb-sm-lap,
    .my-sm-lap {
        margin-bottom: var(--sm);
    }
    .mt-md-lap,
    .my-md-lap {
        margin-top: var(--md);
    }
    .mb-md-lap,
    .my-md-lap {
        margin-bottom: var(--md);
    }
    .mt-lg-lap,
    .my-lg-lap {
        margin-top: var(--lg);
    }
    .mb-lg-lap,
    .my-lg-lap {
        margin-bottom: var(--lg);
    }
    
    .pad-switch-l {
        padding-left: 15px;
    }
    
    
    /* resets the nth-child values from previous media queries */
    .gallery-grid > .grid-item:nth-child(n) {
        grid-column: span 2;
    }
    .gallery-grid > .grid-item:nth-child(5n - 2),
    .gallery-grid > .grid-item:nth-child(5n + 1),
    .gallery-gray > .grid-item:nth-child(5n + 3) {
        grid-column: span 1;
    }
    .featured-col:nth-child(1),
    .featured-col:nth-child(2) {
        margin-top: 0;
    }
    .hero-glide .glide__bullets{max-width:930px;width:100%;left:calc(50% - 465px);transform:translateX(calc(465px - 50%));}
    .hero-glide .glide__bullets hr.vertical{height:5rem;}
    .hero-glide .glide__bullet{max-width:calc( 783px / 4);}
    .scroll-icon{
        bottom:calc(2.5rem - 18px);
        right: calc(50% - 465px);
    }
    .plain-hero{height:calc(100vh - 140px);max-height:650px;}
    .mid-hero{height: calc(100vh - 140px);max-height: 650px;}
    .plain-hero.black-gradient-hero{height:calc(100vh - 140px);max-height:650px;}
    
    .sponsors-grid {
        --col: 4;
    }
    .sponsor-box:nth-child(n) {
        border-right: 1px solid;
        border-top: unset;
    }
    .sponsor-box:nth-child(19n),
    .sponsor-box:nth-child(19n + 4),
    .sponsor-box:nth-child(19n + 8),
    .sponsor-box:nth-child(19n + 12),
    .sponsor-box:nth-child(19n + 16) {
        border-right: unset;
    }
    .sponsor-ad {
        grid-column-start: initial;
        grid-column: span 2;
    }
    .thank-sponsor .sponsor-box:nth-child(3n + 3){
        border-right: 1px solid;
    }
    .thank-sponsor .sponsor-box:nth-child(4n + 4){
        border-right:unset;
    }
    .grid-gallery {
        --col-gal: 6;
    }
    .item-small{grid-column:span 2;}
    .item-big{grid-column:span 3;}
    .two-col ol{padding-left:25px;}
    .two-col ol li{padding-right:15px;}
    .contact-dialog .form-label-left{padding-right:4.5px;}
    .contact-dialog .form-label-right{padding-left:4.5px;}
    .br-red {
        border-right: 1px solid var(--red);
    }
}
@media (min-width:992px) and (orientation:landscape){
    .svg-under svg{top:-60vh;}
    .admin-home .svg-under{height:20vh;min-height:100px;}
}
@media (min-width:992px) and (orientation:portrait){
    .svg-under svg{top:-25vh;}
    .admin-home .svg-under{height:20vh;min-height:100px;}
}
@media (min-width: 1200px) {
    .pt-sm-desk,
    .py-sm-desk {
        padding-top: var(--sm);
    }
    .pb-sm-desk,
    .py-sm-desk {
        padding-bottom: var(--sm);
    }
    .pt-md-desk,
    .py-md-desk {
        padding-top: var(--md);
    }
    .pb-md-desk,
    .py-md-desk {
        padding-bottom: var(--md);
    }
    .pt-lg-desk,
    .py-lg-desk {
        padding-top: var(--lg);
    }
    .pb-lg-desk,
    .py-lg-desk {
        padding-bottom: var(--lg);
    }
    .mt-sm-desk,
    .my-sm-desk {
        margin-top: var(--sm);
    }
    .mb-sm-desk,
    .my-sm-desk {
        margin-bottom: var(--sm);
    }    
    .mt-md-desk,
    .my-md-desk {
        margin-top: var(--md);
    }
    .mb-md-desk,
    .my-md-desk {
        margin-bottom: var(--md);
    }
    .mt-lg-desk,
    .my-lg-desk {
        margin-top: var(--lg);
    }
    .mb-lg-desk,
    .my-lg-desk {
        margin-bottom: var(--lg);
    }
    
    .pad-switch-l {
        padding-left: 5px;
    }
    
    .featured-col:nth-child(n) {
        padding-right: 10px;
        padding-left: 10px;
    }
    .featured-col:nth-child(1), .featured-col:nth-child(2),.featured-col:nth-child(3), .featured-col:nth-child(4) {
        margin-top:0;
    }
    .featured-col:nth-child(4n+1) {
        padding-left: 5px;
    }
    .featured-col:nth-child(4n+4) {
        padding-right: 5px;
    }
    .hero-glide .glide__bullets{max-width:1110px;width:100%;left:calc(50% - 555px);transform:translateX(calc(555px - 50%));}
    .hero-glide .glide__bullet{max-width:calc( 963px / 4);}
    .scroll-icon{right: calc(50% - 517px);}
    .svg-under svg{top:-55vh;}
    .results-container .member {
    	padding: 20px 30px;
    }
    .admin-home .svg-under svg{top:-58vh;}
    .gallery-grid {
        max-width: 1500px;
        margin: 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .admin-home .svg-under{height:15vh;min-height:100px;}
}
@media (min-width: 1500px) {
    .container-margin {
        margin: 20px auto;
    }
    .svg-under svg{top:-60vh;}
    .admin-home .svg-under svg{top:-63vh;}
}