@font-face {
    font-family: 'Simplon Norm';
    src: url('fonts/SimplonNorm-Light.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Haben';
    src: url('fonts/Haben-Demi.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'Haben';
    src: url('fonts/Haben-Bold.ttf') format('truetype');
    font-weight: 700;
}



body {
    font-family: 'Haben', sans-serif;
}

.bg-spi {
    background-color: #004438;
}

.headline {
    font-size: 72px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .headline {
        font-size: 60px;
    }
}

.container {
    padding: 2rem;
}

.row {
    font-size: 18px;
    font-weight: 700;
}

.copyright {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Simplon Norm', sans-serif;
}

.mt-140 {
    margin-top: 140px;
}

@media (max-width: 991px) {
    .mt-140 {
        margin-top: 80px;
    }
}

@media (max-width: 768px) {
    .mt-140 {
        margin-top: 40px;
    }
}

a {
    transition: all .218s ease-in-out;
}

a:hover {
    opacity: .8;
}