/*---- color set ----*/
:root {
    --mrv-main-color: #162A4B; /*dark blue*/
    --mrv-table-header: #1C5294; /* mid blue */
    --mrv-grey: #e8eaf0; 
    --mrv-white: #ffffff;
    --mrv-header-bg: #f8f9ff; /* */
    --mrv-footer-bg: #D9D9D9; /* */
    --mrv-color-1:#4FA15E; /* mid green */
    --mrv-color-2:#376EB1; /* light blue */
    --mrv-color-4:#939597; /* mid grey */
    --mrv-color-5:#92C4E6; /* very light blue*/
    --mrv-color-3:#EAAE04; /* light orange */
    --mrv-color-6:#642E65; /* purpule */
    --mrv-color-7:#2F7B7D; /* green water*/  
}

header#sitename .logo img {
    width: 315px
}

.page-header-shape-wrapper::before{
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQ4IiBoZWlnaHQ9IjUwOCIgdmlld0JveD0iMCAwIDM0OCA1MDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tNjYwLjcgMjgzLjExNkMtODcwLjQzNyAxMjcuMzUxIC04MzIuMTYyIC02Mi41ODY2IC03ODYuODA4IC0xMzguMDg1Qy03MjUuNDEzIC0yNjYuODI5IC01NzYuMDc1IC0yOTEuNDY1IC00MzkuMTgyIC0yNzcuMTZDLTMwMi4yODkgLTI2Mi44NTYgLTI1OS4xNDYgLTM1NS4wNDMgLTEuMTIzNDEgLTM0OC42ODVDMjA1LjI5NSAtMzQzLjU5OSAyOTYuMTcgLTE5NS41NjkgMzE1LjgwNSAtMTIyLjE5QzM1OC45NDcgLTIuNDUyODggMzkxLjMwNCAyNzMuNDIgMTc1LjU5MyA0MTkuMDEzQy05NC4wNDQ5IDYwMS4wMDMgLTM5OC41MjkgNDc3LjgyMiAtNjYwLjcgMjgzLjExNloiIGZpbGw9IiMxQzUyOTQiLz4KPC9zdmc+Cg==) no-repeat 0 0;
    height: 508px;
    left: 0;
    top: 0;
    width: 348px;
    content: "";
    display:block;
    position: absolute;
}
.page-header-shape-wrapper::after{
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUyIiBoZWlnaHQ9IjQxMyIgdmlld0JveD0iMCAwIDM1MiA0MTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNjIuNTU1IDYzMi4xMTZDLTQ3LjE4MjMgNDc2LjM1MSAtOC45MDc1NCAyODYuNDEzIDM2LjQ0NyAyMTAuOTE1Qzk3Ljg0MTYgODIuMTcwOCAyNDcuMTggNTcuNTM0NiAzODQuMDczIDcxLjgzOTVDNTIwLjk2NiA4Ni4xNDQ1IDU2NC4xMDggLTYuMDQyODYgODIyLjEzMSAwLjMxNDg4N0MxMDI4LjU1IDUuNDAxMDggMTExOS40MyAxNTMuNDMxIDExMzkuMDYgMjI2LjgxQzExODIuMiAzNDYuNTQ3IDEyMTQuNTYgNjIyLjQyIDk5OC44NDggNzY4LjAxM0M3MjkuMjEgOTUwLjAwMyA0MjQuNzI2IDgyNi44MjIgMTYyLjU1NSA2MzIuMTE2WiIgZmlsbD0iIzFDNTI5NCIvPgo8L3N2Zz4K) no-repeat 0 0;
    bottom: 0;
    height: 338px;
    right: 0;
    width: 352px;
    content: "";
    display:block;
    position: absolute;
}

.page-header-wrapper{
    position:relative;
    background-color: var(--mrv-main-color);
    padding-bottom: 4em;
    padding-top: 4em;
    margin-bottom: 2em;
    box-shadow: -5px 5px 10px 0.5px rgb(0, 0, 0, 0.5);
    grid-column: 1;
    grid-column-end: 3;
    
    overflow:hidden;
}

.page-header-title-wrapper{
    margin: 0 auto;
    max-width: 870px;
    width: 100%;
}
h1.page-header {
    width: 100%;
    color: var(--mrv-white);
    font-size:3em;
    position: relative;
    text-align:center;
    height:3em;
    display:block;
    z-index:10;
    
}