@media screen and (min-width: 1367px) {

    .menu {
        grid-template-columns: 46% 46%!important;
        gap: 0 4%!important;
        justify-items: center;
    }
    .menu__logo {
        max-width: 300px!important;
    }

}  

@media screen and (min-width: 1024px) {

    .menu {
        grid-template-columns: 40% 56%!important;
        gap: 0 4%!important;
        justify-items: center;
    }

}  


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

            #pjWrapperStivaBlogSidebar .pjSbContainer .recent-widget .post {
                width: 100%!important;
                margin: 0
            }
            .card-container {
                padding: 0rem 1rem 4rem!important;
                display: grid;
                grid-template-columns: 1fr;
            }
            .card-container__icon {
                width: 80%;
                margin: auto;
            }
            .card-container-2 {
                padding: 0rem 1rem 2rem!important;
                grid-template-columns: 1fr;
            }
            .card-container__subtitle--span3 {
                grid-column: span 1;
            }
            .card-container__subtitle--span4 {
                grid-column: span 1;
            }
            .card-container-3 {
                padding: 0rem 1rem 4rem!important;
                grid-template-columns: 1fr;

            }
            .container__about {
                background-image: url(/assets/imgs/jpgs/banner0.jpg);
                background-size: cover;
                background-position-x: center;
                background-repeat: no-repeat;
                padding: 0rem;
                position: relative;
                background-color: var(--white-100);
                display: grid;
                gap: 0 3%;
                grid-template-columns: 1fr;
            }
            .container__about--caption-container {
                z-index: 0;
                position: relative;
                width: 100%;
                grid-template-columns: 1fr;
                display: grid;
                padding: 0;
                align-items: center;
            } 
            .container__commercial {
                padding: 4rem 1rem 0;
                grid-template-columns: 1fr;
            }
            .container__form-wrapper {
                background-image: url(/assets/imgs/jpgs/banner2.jpg);
                background-size: cover;
                background-repeat: repeat-y;
                background-position-x: center;
                z-index: 1;
                position: relative;
                padding: 1rem 0;
                display: grid;
                grid-template-columns: 1fr;
                gap: 5%;
            }  
            .container__form-wrapperAlt {
                z-index: 1;
                position: relative;
                padding: 1rem;
                display: grid;
                grid-template-columns: 1fr;
                gap: 5%;
            } 
            .container__form-wrapper--blurb {
                padding: 0 1rem;
            } 
            .container__form-wrapperAlt--blurb {
                padding: 0 1rem;
            }    
            .container__intro {
                padding: 4rem 1rem 2rem;
                position: relative;
                background-color: var(--white-100);
                display: grid;
            }
            .container__latest-posts {
                padding: 2rem;
            }
            .container__mid {
                padding: 0 1rem 0;
                position: relative;
                background-color: var(--white-100);
                display: grid;
                gap: 0 4%;
                grid-template-columns: 1fr;
            }

            .container__privacy {
                background-color: var(--white-100);
                padding: 0 2rem;
                display: grid;
            }

            .footer-container {
                grid-template-columns: 1fr;
            }
            .footer-container__links {
                font-size: clamp(.9rem, .9vw, 3rem);
            }
            .footer-container__list {
                display: block;
            }
            .menu {
                background: rgba(13, 137, 77, .95);;
                position: relative!important;
            }
            .menu__logo {
                width: 70%;
                max-width: 300px;
                padding: 1rem 0 1rem 1rem;
            }
            .menu__logo-container {
                justify-items: start;
            }
            .menu__top-menu {
                display: none;
            }
            nav a {
                color:var(--black-200)!important;
            }   
            .nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after {
                background: var(--white-100);
            }        
            .spacer {
                min-height: 0;
                display: block;
            }
        }

        @media screen and (min-width: 800px) {
          
.menu {
    background:rgba(13, 137, 77, .95);
    display: grid;
    grid-template-columns: 46% 46%;
    padding: 1rem 0;
    gap: 0 4%;
    justify-content: center;
}
            .menu__logo {
                width: 100%;
                max-width: 300px
            } 
            
            .menu__logo-container {
                grid-column: 1;
                display: grid;
                align-items: center;
            }
            .menu__member-top-menu {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                background: transparent;
                padding: 0 0 2rem 0;
            }
            nav {
                all: unset;
                position: relative;
                text-align: left;
                transition: none;
                transform: scale(1,1);
                background: none;
                top: 0rem;
                left: initial;
                grid-column: 2;
                display: grid;
                justify-content: end;
                align-content: space-around;
            }
            .nav-toggle:checked ~ nav a {
                color: var(--black-200);
            }
            
            nav a {
              opacity: 1;
              position: relative;
              color:var(--white-100)!important;
            }
            
            nav li a::before {
              content: '';
              display: block;
              height: 2px;
              background: var(--orange-300);
              position: absolute;
              bottom: -.75em;
              left: 0;
              right: 0;
              transform: scale(0, 1);
              transition: transform ease-in-out 250ms;
            }
            
            nav li a:hover::before {
              transform: scale(1,1);
            }
            .nav-toggle-label {
              display: none;
            }
            nav ul {
              display: flex;                
              background: transparent;
            }
            
            nav ul li {
              margin-left: 2em;
              margin-bottom: 0;
            }

          }