.titlebar {
    background-color: rgba(255, 255, 255, 0.37) !important;
    color: rgba(61, 91, 151,1);
    }
    .titlebar h1 {

    text-shadow: -1px 0 rgb(250, 250, 255),
    0 1px rgb(250, 250, 255),
    1px 0 rgb(250, 250, 255),
    0 -1px rgb(250, 250, 255);    }
    .rm-nav ul, .rm-menu {
    background-color: rgba(204, 204, 255, 0.75) !important;
    }
    .rm-menu > .rm-menu-item > .rm-menu {
        background-color: rgba(204, 204, 255, 0.75) !important;
    }
    .rm-nav li a,
    .rm-menu-item a {
        color: rgba(50, 69, 57,1);
        
    text-shadow: -1px 0 rgb(204, 204, 204),
    0 1px rgb(204, 204, 204),
    1px 0 rgb(204, 204, 204),
    0 -1px rgb(204, 204, 204);    }

    .rm-toggle:hover,
    .rm-toggle:focus {
    background-color: rgb(204, 204, 255);
    background-color: rgba(204, 204, 255, 0.65);
    background-color: rgba(112,144,204, 0.65);
    outline: none;
    }

    .rm-lighten li li a,
    .rm-lighten li a:focus,
    .rm-lighten li a:hover,
    .rm-lighten li.rm-hover a,
    .rm-lighten .rm-menu-item .rm-menu-item a,
    .rm-lighten .rm-menu-item a:focus,
    .rm-lighten .rm-menu-item a:hover,
    .rm-lighten .rm-menu-item.rm-hover > a {
    background-color: rgb(204, 204, 255); /* fallback */
    background-color: rgba(204, 204, 255, 0.18) !important;
    outline: none;
    }

    .rm-lighten li li li a,
    .rm-lighten li li a:focus,
    .rm-lighten li li a:hover,
    .rm-lighten li li.rm-hover a,
    .rm-lighten .rm-menu-expanded li a:focus,
    .rm-lighten .rm-menu-expanded li a:hover,
    .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a,
    .rm-lighten .rm-menu-item .rm-menu-item a:focus,
    .rm-lighten .rm-menu-item .rm-menu-item a:hover,
    .rm-lighten .rm-menu-item .rm-menu-item.rm-hover a,
    .rm-lighten .rm-menu-expanded li a:focus,
    .rm-lighten .rm-menu-expanded li a:hover {
    background-color: rgb(204, 204, 255); /* fallback */
    background-color: rgba(204, 204, 255, 0.4) !important;
    }

    .rm-lighten li li li a:focus,
    .rm-lighten li li li a:hover,
    .rm-lighten li li li.rm-hover a,
    .rm-lighten li .rm-menu-expanded a:focus,
    .rm-lighten li .rm-menu-expanded a:hover,
    .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:focus,
    .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:hover,
    .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item.rm-hover a,
    .rm-lighten .rm-menu-item .rm-menu-expanded a:focus,
    .rm-lighten .rm-menu-item .rm-menu-expanded a:hover {
    background-color: rgb(204, 204, 255); /* fallback */
    background-color: rgba(204, 204, 255, 0.7) !important;
    }

    nav {
    background-color:transparent;
    }



    header {
        background-image: url('/images/headers/DSC_0816.jpg');
        padding-top: 71.55%;
       /*eight: calc(90vw * 0.72);*/
    }

    @media screen and (min-aspect-ratio: 1/2 ){
        header {
            padding-top: calc(95vh * 0.6155);
            min-height: 85vh;
            height: 85vh;
            max-height: 85vh;
        }
    }
    @media screen and (min-height: 659px) and (max-height: 768px) and (min-width:1024px) and (max-width: 1024px) {
        header {
            min-height: 100vh;
            height: 100vh;
            max-height: 100vh;
        }
    }
@media screen and (max-width:400px){
    header {
        height: 80vh;
    }
}