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

        .hmbrgr, .hmbrgr-visible{
            display: none;
            z-index: 999999;
            position: absolute;
            top: 40px;
            right: 24px;
        }
        .hmbrgr-visible{
            display: block;
        }

        .mobile-menu-hidden, .mobile-menu-visible{
            position: fixed;
            top: 0px;
            left: -200vw;
            z-index: 9999;
            transition: left 320ms;
        }
        
        .mobile-menu-visible{
            left: 0px;
            transition: left 820ms;
        }

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

        .mobile-header{ 
            display: none; 
        }

        
        a.main-menu:link,
        a.main-menu:active,
        a.main-menu:visited,
        a.main-menu:hover,
        a.main-menu-active:link,
        a.main-menu-active:active,
        a.main-menu-active:visited,
        a.main-menu-active:hover{ 
            font-family: var(--font-catchy-mager);
            font-weight: var(--font-weight-regular);
            font-size: 19px;
            letter-spacing: -0.032em;
            color: var(--color-pink); 
            text-decoration: none; 
            font-style: normal;
            padding-bottom: 3px;
            border-bottom: 3px solid #FFF;
        }
        a.main-menu:hover{ 
            border-bottom: 3px solid var(--color-pink);
        }
        a.main-menu-active:link,
        a.main-menu-active:active,
        a.main-menu-active:visited,
        a.main-menu-active:hover{ 
            font-weight: var(--font-weight-regular);
            text-decoration: none;
            font-style: normal;
            padding-bottom: 3px;
            border-bottom: 3px solid var(--color-pink);
        }

        a.mobile-menu:link,
        a.mobile-menu:active,
        a.mobile-menu:visited,
        a.mobile-menu:hover,
        a.mobile-menu-active:link,
        a.mobile-menu-active:active,
        a.mobile-menu-active:visited,
        a.mobile-menu-active:hover{ 
            font-family: var(--font-catchy-mager);
            font-weight: var(--font-weight-regular);
            font-size: 29px;
            letter-spacing: -0.032em;
            color: var(--color-pink); 
            text-decoration: none; 
            font-style: normal;
            padding-bottom: 2px;
            border-bottom: 3px solid #FFF;
        }
        a.mobile-menu:hover{ 
            border-bottom: 3px solid var(--color-pink);
        }
        a.mobile-menu-active:link,
        a.mobile-menu-active:active,
        a.mobile-menu-active:visited,
        a.mobile-menu-active:hover{ 
            font-weight: var(--font-weight-regular);
            text-decoration: none;
            font-style: normal;
            padding-bottom: 2px;
            border-bottom: 3px solid var(--color-pink);
        }

        a.green-inline:link,
        a.green-inline:active,
        a.green-inline:visited,
        a.green-inline:hover{ 
            font-weight: var(--font-weight-semibold);
            color: var(--color-green);
            text-decoration: underline;
        }
        
        a.inline-bold:link,
        a.inline-bold:active,
        a.inline-bold:visited,
        a.inline-bold:hover{ 
            font-weight: var(--font-weight-semibold);
            color: var(--color-pink);
            text-decoration: underline;
        }
        
        a.inline:link,
        a.inline:active,
        a.inline:visited,
        a.inline:hover{ 
            font-family: var(--font-catchy-mager);
            font-weight: var(--font-weight-regular);
            color: var(--color-pink);
            letter-spacing: 0.013em;
            text-decoration: none;
            padding-bottom: 0px;
            border-bottom: 2px solid var(--color-pink);
        }
        
        a.inline-montserrat:link,
        a.inline-montserrat:active,
        a.inline-montserrat:visited,
        a.inline-montserrat:hover{ 
            font-weight: var(--font-weight-regular);
            color: var(--color-pink);
            text-decoration: none;
            padding-bottom: 0px;
            border-bottom: 2px solid var(--color-pink);
        }
        
        a.inline-tab:link,
        a.inline-tab:active,
        a.inline-tab:visited,
        a.inline-tab:hover,
        a.inline-tab-active:link,
        a.inline-tab-active:active,
        a.inline-tab-active:visited,
        a.inline-tab-active:hover{ 
            font-family: var(--font-catchy-mager);
            font-weight: var(--font-weight-regular);
            color: var(--color-pink);
            text-decoration: none;
            padding: 11px var(--margin-s) 7px var(--margin-s);
            border: 1px solid var(--color-pink);
            background-color: #FFF;
        }
        a.inline-tab:hover,
        a.inline-tab-active:link,
        a.inline-tab-active:active,
        a.inline-tab-active:visited,
        a.inline-tab-active:hover{ 
            color: #FFF;
            border: 1px solid var(--color-pink);
            background-color: var(--color-pink);
        }

        
        a.inline-catchy:link,
        a.inline-catchy:active,
        a.inline-catchy:visited,
        a.inline-catchy:hover{ 
            font-family: var(--font-catchy-mager);
            font-weight: var(--font-weight-regular);
            color: var(--color-pink);
            text-decoration: none;
            padding-bottom: 4px;
        }
        a.inline-catchy:hover{ 
            text-decoration: underline;
        }

        a.footer-inline:link,
        a.footer-inline:active,
        a.footer-inline:visited,
        a.footer-inline:hover{ 
            font-weight: var(--font-weight-regular);
            color: var(--color-pink);
            text-decoration: none;
        }
        a.footer-inline:hover{ 
            text-decoration: underline;
        }

    }


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

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

    }