div.logo {
    content: url(images/client-logo.png);
    height: 45px;
}

@font-face {
    font-family: DIN;
    font-weight: 300;
    src: url(fonts/DIN-Light.otf);
}

@font-face {
    font-family: DIN;
    font-weight: 400;
    src: url(fonts/DIN-Regular.otf);
}

@font-face {
    font-family: DIN;
    font-weight: 500;
    src: url(fonts/DIN-Medium.otf);
}

@font-face {
    font-family: DIN;
    font-weight: 700;
    src: url(fonts/DIN-Bold.otf);
}

@font-face {
    font-family: arciform_sansregular;
    src: url('./Fonts/arciform-webfont.woff2') format('woff2'), url('./Fonts/arciform-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'azo_sansbold';
    src: url('./Fonts/azosans-bold-webfont.woff2') format('woff2'), url('./Fonts/azosans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'azo_sansmedium';
    src: url('./Fonts/azosans-medium-webfont.woff2') format('woff2'), url('./Fonts/azosans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
    width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    font-family: azo_sansregular, DIN, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    padding-top: 0;
    padding-bottom: 1rem;
    color: #373a3c;
    margin: 0;
    max-width: 100vw;
    overflow-x: hidden;
    background-color: #ffffff;
}

.navbar {
    position: relative;
    background-color: #00a8e2;
    border: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    font-family: azo_sansmedium;
    font-size: 20px;
}

@media only screen and (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
        margin: 10px;
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #FFF;
    margin: 20px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #FFF;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #e7e127;
}

.btn-primary {
    background-color: #00a8e2;
    border-color: #028fbf;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: 'arciform_sansregular';
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1, .h1 {
    font-size: 2.5rem;
    color: #00a8e2;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}