html,
body {
    height: 100%;
}

.title-font, h1, h2,h3, h4, div.modal-title{
    font-family: 'Oswald', sans-serif;
}

.navbar-brand{
    padding: 4px 15px !important;
}

.navbar{
    background: #f8f9fa !important;
    min-height: 68px !important;
    -webkit-box-shadow: 0px 3px 7px 0px cadetblue;
    -moz-box-shadow: 0px 3px 7px 0px cadetblue;
    box-shadow: 0px 3px 7px 0px cadetblue;
}

.navbar-nav > li > a{
    text-decoration: none !important;
    color: #818181;
}

.navbar-nav > li:hover > a{
    color: black;
}

.navbar-collapse{
    margin-top: 7px !important;
}

.wrap {
    min-height: 100vh;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding-bottom: 20px;
    min-height: 74vh !important;
    margin-top: 40px;
}