*   {
    font-family: "Degular";
    /*max-width: 1910px;*/
}

.navbar
{
    background-color: "white";
}

header {
 background: #111;
}
.headline {
    position: relative;
    height: 200px;
    color: #fff;
    text-align: center;
    background: #385474;
    background-size: cover;
    z-index: 10;
}
    .headline:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #385474;
    }
.inner {
 position: absolute;
 width: 100%;
height:100%;
 opacity: 0;
 z-index: 10;
 animation: fade-in 0.75s 0.25s ease-in forwards;
}
.inner h1 {
 margin: 0;
 font-size: 4em;
 line-height: 1.2em;
}
.inner p {
 margin: 0;
 font-size: 1.4em;
 font-style: italic;
 font-family: serif;
}
.topnav {
 position: fixed;
 width: 100%;
 z-index: 5;
}
.scrolled {
 background: #385474;
}
.topnav ul {
 float: right;
 list-style: none;
 padding: 25px;
 margin: 0;
}
.topnav li {
 float: left;
}
.topnav a {
 font-size: 0.9em;
 color: #fff;
 text-decoration: none;
 margin: 5px 0 0 20px;
 display: block;
}
.topnav a:hover {
 color: #ededed;
}
.logo {
 height: 75px;
 float: left;
 top:50%;
}
.logo:before, .logo:after {
 position: absolute;
 font-size: 7em;
 font-weight: 300;
 line-height: 0;
 color: #fff;
 top: 50%;
}

@keyframes fade-in {
 0% {
     opacity: 0;
}
 100% {
     opacity: 1;
}
}

@keyframes animate-pop {
0% {
opacity: 0;
transform: scale(0.5, 0.5);
}

    100% {
    opacity: 1;
    transform: scale(1, 1);
    }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}