/* @font-face {
font-family: 'D-DIN-PRO';
src: local(''), url('../fonts/D-DIN-PRO-Regular.woff2') format('woff2'),
url('../fonts/D-DIN-PRO-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'D-DIN-PRO';
src: local(''), url('../fonts/D-DIN-PRO-Medium.woff2') format('woff2'),
url('../fonts/D-DIN-PRO-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'D-DIN-PRO';
src: local(''), url('../fonts/D-DIN-PRO-SemiBold.woff2') format('woff2'),
url('../fonts/D-DIN-PRO-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
} */

@font-face {
    font-family: 'D-DIN-PRO';
    src: local(''), url('../fonts/D-DIN-PRO-Bold.woff2') format('woff2'),
    url('../fonts/D-DIN-PRO-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}





/* montserrat-200 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: local(''),
    url('../fonts/montserrat-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-200.woff') format('woff'); /* Modern Browsers */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/montserrat-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-500.woff') format('woff'); /* Modern Browsers */
}

html {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    height: 100vh;
}

.banner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-image: url("../img/banner.jpg");
    background-size: cover;
    background-position-y: 60%;
    background-position-x: center;
    /* min-height: 25em; */
}

h1 {
    color: #DF782E;
    font-family: 'D-DIN-PRO';
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

h2 {
    font-weight: 500;
    margin: 0;
    font-size: 1em;
}

.bg-orange {
    background: #DF782E;
    color: white;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row .col {
    width: 50%;
    padding: 2rem 5%;
}

.montserrat {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 200;
}

.dinpro {
    font-family: 'D-DIN-PRO';
    font-size: 30px;
    font-weight: 700;
}

.text-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.font-big {
    font-size: 60px;
    white-space: nowrap;
}
.font-big a {
    color: white;
    text-decoration: none;
}

@media screen and (max-width: 1099px) {
    .row .col {
        width: 100%;
    }
}

@media screen and (max-width: 499px) {
    .font-big {
        white-space: normal;
    }
}

.no-break {
    white-space: nowrap;
}


.logo {
    width: 280px;
    margin: 5%;
    max-width: 50%;
    background: rgba(255,255,255,0.5);
    outline: 1em solid rgba(255,255,255,0.5);
}