/*CSS Document*/
@font-face{ /*This will import custom type from folder*/
    font-family:'KlinicSlabBold';
    src:url('fonts/KlinicSlabBold.otf'); /*Created new folder called Fonts within root folder*/
}

@font-face{
    font-family:'KlinicSlabMedium';
    src:url('fonts/KlinicSlabMedium.otf');
}

body{
background:#D8C6B8;
margin: 0px;
}

.header{
    background:#D8C6B8;
    color:#fff;
    width: 100%;
    height: 100px;
}

.tagline{
    font-family: 'KlinicSlabBold';
    color: #553237;
}

.logo{
    background-image: url(img/logo.png);
    width: 100%;
    height: 40px;
    display: block;
    margin:auto;
}


.navigation{
    width: 700px;
    height:40px
    display:flex;
    text-transform: uppercase;
    margin: 0px auto;
    justify-content:center;
}

.navigation_item{
    float: left;
    font-size:22px;
    font-family: 'KlinicSlabBold';
    padding: 0px 20px 5px 20px;
    color: #7C573E;
}

.navigation_item:hover{
    border-bottom: solid 2px white;
}

.current_page{
    border-bottom: solid 2px white;
}