@font-face {
    font-family: "Audiowide";
    src: url("../fonts/Audiowide/Audiowide-Regular.eot?") format("eot"),
        url("../fonts/Audiowide/Audiowide-Regular.woff") format("woff"),
        url("../fonts/Audiowide/Audiowide-Regular.ttf") format("truetype"),
        url("../fonts/Audiowide/Audiowide-Regular.svg#Audiowide-Regular") format("svg");
    font-weight:normal;
    font-style:normal;
}


nav#main-nav {
    min-height: 60px;
    padding: 0 1rem;
}
nav#main-nav .navbar-brand {
    padding: 0;
    margin: 9px 1rem 9px 0;
    height: 42px;
}
main {
    min-height: calc(100vh - 290px);
}
footer {
    min-height: 230px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Audiowide";
}
.bg-black {
    background: #000000;
}
.bg-black-image {
    background: #000000 url("../images/background_black.jpg") -300px top no-repeat;
    height: 500px;
    min-height: 500px;
}
.bg-gray-100 {
    background-color: #d8d8df;
}
.bg-logo-muted {
    background-image: url("../images/logo_bg_muted.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}
.with-shaddow {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
}
.callback-form label {
    /* only for screen readers */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (min-width: 768px) {
    .bg-black-image {
        background-position: center top;
    }
    nav#main-nav .navbar-nav .nav-item {
        font-size: 1.25rem;
    }
}
@media (max-width: 480px) {
    body {
        min-width: 360px!important;
    }
    h1, .h1 {
        font-size: 2rem; /* same as h2 */
    }
}