@font-face {
    font-family: 'FFDinPro';
    src: url('../fonts/FFDINProforIIC-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FFDinPro';
    src: url('../fonts/FFDINProforIIC-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FFDinPro';
    src: url('../fonts/FFDINProforIIC-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FFDinPro';
    src: url('../fonts/FFDINProforIIC-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --blue: #164194;
    --dark-blue: #111e64;;
    --red: #E30613;  
}



/********* GLOBAL *********/
body {
  font-family: 'FFDinPro';
}

/********* BTN *********/
.btn{
    border-radius: 0 !important;
    text-transform: uppercase;
}

/********* TITLE *********/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    color: var(--dark-blue)
}
h1, h2, h3,
.h1, .h2, .h3{
    text-transform: uppercase;
    letter-spacing: .05rem;
}
body#index h2 > span *,
body#index h3 > span *{    
    margin: 0 !important;
    padding: 0 5px !important;
    display: inline;
    color: #fff !important;
    border-top: 8px solid transparent;
    border-bottom: 2px solid transparent;
    line-height: 3.2rem;
}
body#index h2 > span *{
    background: var(--red);
}
body#index h3 > span *{
    background: var(--blue);
}

/********* HEADER *********/
.navbar.navbar-compact .navbar-brand img,
#offcanvasNavbar .offcanvas-header img{
    height: 20px !important;
    margin: 15px 0;
}
#offcanvasNavbar .offcanvas-header img{
    margin-right: auto;
}