@font-face {
    font-family: "DIN";
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/DINLight.woff2') format('woff2'), url('../fonts/DINLight.woff') format('woff');
}

@font-face {
    font-family: "DIN";
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/DINMedium.woff2') format('woff2'), url('../fonts/DINMedium.woff') format('woff');
}

@font-face {
    font-family: "DIN";
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/DINBold.woff2') format('woff2'), url('../fonts/DINBold.woff') format('woff');
}

html {
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    background-image: url(../img/background-index-1.jpg);
    background-size: cover;
    background-attachment: fixed;
    font-family: "DIN";
    cursor: pointer;
}

.text-blue {
    color: #0D243B;
}

.h-100 {
    height: 100%;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.fs-30 {
    font-size: 30px;
}

.fs-45 {
    font-size: 45px;
}

.mh-50 {
    max-height: 50px;
}

.mh-150 {
    max-height: 150px;
}

@media (max-width: 767.98px) {
    img {
        max-width: 100%;
        height: auto;
    }
}