body{
    background: #284259;
}

h1{
    font-size: 2.75em;
}

p {
    margin: 0 0 2em 0;
}

/* element Header */

.elementHeader{
    background-color: #081E31;
    display: flex;
    padding: 1.75em 2em;
}

.elementWebSiteTitle{
    border: 0;
    color: #ffffff;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
}


.elementWebSiteTitle:hover{
    color: #ffffff;
    text-decoration: none;
}

.elementNavbar{
    flex:1;
    display: block;
    text-align: right;
}

.elementNavbar>ul{
    list-style: disc;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.elementNavbar>ul>li{
    margin-left: 1.75em;
}

.elementNavbar>ul>li>a{
    border: 0;
    color: rgba(255, 255, 255, 0.35);
    display: inline-block;
    font-size: 0.6em;
    font-weight: bold;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    text-decoration: none;
}

.elementHeader > nav > ul > li a.active {
    color: #ffffff;
}

.elementHeader > nav > ul > li a:hover {
    color: rgba(255, 255, 255, 0.55);
}

/* Content */

.elementWrapper{
    position: relative;
}

.elementHeader + .elementWrapper> .elementInner {
    margin: 0 auto;
}

.elementInner{
    max-width: 100%;
    width: 75em;
    padding: 4em 4em 2em 4em;
}