@font-face {
  font-family: 'Klavika';
  src: url(fonts/Klavika-Regular-Plain.otf), weight:normal;
  src: url(fonts/Klavika-Bold.otf), weight:bold;
}

html, body, h1, h2, h3, h4, h5, h6, p, div, a, li {
    font-family: "Klavika" !important;
    list-style: none;
}


.navbar-nav img[title="SSL Certificate"]{
    width:70px;
    height:70px;
    box-sizing:border-box;
    padding-left: 70px;
    /*width of the image*/
    background: url('img/PositiveSSL_tl_white.png') left top no-repeat;
    background-size: contain;
}


div#logo-place-holder {
    background: url('img/logoyubfe.png') left top no-repeat;
    background-size: contain;
    width: 300px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


body .card {
    border: 1px solid #8ecfb0;
}

body .card .container h4, 
body .navbar-nav > li * {
    color: #8ecfb0 !important;
}

body #mainHeader {
    background-color: #333;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
/*    background-color: #8ecfb0;*/
    background-color: inherit;
    border-bottom: 3px solid #85ccad;
    border-radius: 0;
}