@import url(https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css);

:root{
    --JWKLogoHeight: 55px;
    --JWKLogoWidth:calc(var(--JWKLogoHeight) * 1.73253333333);

    --MenuIconSize: 45px;
    --MenuIconBarHeight: calc(var(--MenuIconSize) * 0.15);
    --MenuIconBarColor: var(--lightwhitecolor);
    --HamburgerMenuAnimationStart-sec: .7s;
    --HamburgerMenuAnimationEnd-sec: .5s;

    --MenuLogosize:75px;


    --headerheight: 75px;
    --navheight: 100px;



    --blackbluecolor: black;
    --darkbluecolor: #132C47;
    --greybluecolor: #294C63;
    --lightbluecolor: #78AEAD;
    --lightwhitecolor: #D4ECE9;
    --lightorangecolor: #D86350;
    --darkyellowcolor: #FBAE54;



    --navbackgroundcolor: var(--greybluecolor);
    --mainbackgroundcolor:var(--lightbluecolor);
    --footerbackgroundcolor:var(--darkbluecolor);

    --padding: .1rem;
    --border-radius: 1rem;


    interpolate-size: allow-keywords; 

 
    
}

.pagewrapper{
    display: grid;
}