@font-face {
    font-family: 'cabinsemibold';
    src: url('fonts/cabin-semibold-webfont.woff2') format('woff2'),
         url('fonts/cabin-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('fonts/alfaslabone-regular-webfont.woff2') format('woff2'),
         url('fonts/alfaslabone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.woff2') format('woff2'),
         url('fonts/cabin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.clear{
    clear: both;
}

header{
    background-color: #ffc000;
    text-align: center;
    height: 172px;
}

.logoF {
    padding: 25px 0;
}

.active{
    background-color: #701634;
    color: #ffc000;
}

nav {
    width: 100%;
    margin: auto;
    font-family: 'alfa_slab_oneregular';
    font-size: 2em;
    letter-spacing: 2px;
    border-top: 2px solid #701634;
}

nav a{
    color: #701634;
    width: 49%;
    padding: 8px 0;
    float: left;
}

nav a:link{
    text-decoration: none;
}

nav a:hover{
    background-color: #701634;
    color: #ffc000;
}

footer{
    background-color: #ffc000;
    text-align: center;
    height: 100px;
}

.logoFoot {
    padding: 20px 0;
}

@media (min-width:600px) {
    header{
        height: 90px;
        position: relative;
    }
    
    .logoF{
        float: left;
        max-width: 100px;
        padding: 0 0;
        position: absolute;
        top: 18px;
        left: 3%;
    }
    
    nav{
        width: 50%;
        float: right;
        position: absolute;
        top: 42px;
        right: 1%;
        border-top: none;
    }
    
    
    
    
}