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

        .hmbrgr{
            display: none;
            position: fixed;
            z-index: 1999;
            top: 22px;
            right: 22px;
        }

        .hmbrgr-icon img{
            height: 34px;
        }

        .mobile-menu-hidden, .mobile-menu-visible{
            position: fixed;
            top: 0px;
            right: -200vw;
            z-index: 999;
            background-color: #FFF;
            transition: right 320ms;
        }
        
        .mobile-menu-visible{
            right: 0px;
            transition: right 320ms;
        }

        .dtp-menu, .mobile-header{ 
            z-index: 999;
            display: block; 
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            padding: 0 7vw;
            background-color: #FFF;
        }

        .mobile-header{ 
            display: none; 
        }

        a.main:link,a.main:active,a.main:visited,a.main:hover,
        a.main-cta:link,a.main-cta:active,a.main-cta:visited,a.main-cta:hover{
            font-size: 19px;
            margin-left: 8px;
            padding-bottom: 10px;
            border-bottom: 0px solid var(--copy-color);
            transition: all 120ms ease;
        }
        a.main:hover,
        a.main-cta:hover{
            color: var(--brand-color);
            padding-bottom: 2px;
            border-bottom: 2px solid var(--brand-color);
        }
        a.main-responsive:link,a.main-responsive:active,a.main-responsive:visited,a.main-responsive:hover{
            font-size: 26px;
            margin-left: 4px;
        }


        .submenu-parent{
            display: inline-block;
            position: relative;
        }

        .submenu-parent:hover .submenu {
            display: block;
        }

        .submenu{
            display: none;
            position: absolute;
            padding: 18px 3px;
            background: white;
            min-width: 150px;
            text-align: left;
        }
        .submenu .item{
            padding: 4px;
        }
        .submenu .item a:link,
        .submenu .item a:active,
        .submenu .item a:visited,
        .submenu .item a:hover{
            padding-bottom: 10px;
            border-bottom: 0px solid var(--copy-color);
            transition: all 120ms ease;
        }
        .submenu .item a:hover{
            color: var(--brand-color);
            padding-bottom: 2px;
            border-bottom: 2px solid var(--brand-color);
        }

    }
    
    

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

        .hmbrgr, .mobile-header{ display: block; }
        .dtp-menu{  display: none; }

        .submenu-mobile-hidden,
        .submenu-mobile-visible{ 
            font-size: 16px;
            opacity: 0;
            max-height: 0;
            visibility: hidden;
            overflow: hidden;
            transition: max-height 0.4s ease-out, opacity 0.4s ease-out, visibility 0s linear 0.4s;
        }
        .submenu-mobile-visible{
            opacity: 1;
            max-height: 200px;
            visibility: visible; 
            transition: max-height 0.4s ease-out, opacity 0.4s ease-out, visibility 0s linear;
        }

    }