@font-face {
    font-family:AvenirBlack;
    src: url(/assets/fonts/AvenirLTStd-Black.otf);
}
@font-face {
    font-family:AvenirBook;
    src: url(/assets/fonts/AvenirLTStd-Book.otf);
}
@font-face {
    font-family:AvenirRoman;
    src: url(/assets/fonts/AvenirLTStd-Roman.otf);
}

.font-white{
    color: #FFFFFF;
}
.font-bluelight{
    color: #D5F7FF;
}
.font-grey{
    color: #525252;
}
.font-darkblue{
    color: #06064A;
}


.important-title{
    font-family: AvenirBlack;
    font-size: 48px;
    font-weight: 750;
    line-height: 56px;
}
.paragraph-regular{
    font-family: AvenirBook;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.button-regular{
    font-family: AvenirBook !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
}

.paragraph-regular-bold{
    font-family: AvenirBlack;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.paragraph-large-bold{
    font-family: AvenirBlack;
    font-size: 22px;
    font-weight: 750;
    line-height: 32px;
}


.paragraph-regular-footer{
    font-family: AvenirBlack;
    font-size: 32px;
    font-weight: 700;
    line-height: 24px;
}
.normal-title{
    font-family: AvenirBlack;
    font-size: 40px;
    line-height: 64px;
    font-weight: 750;
}



@media (max-width: 430px) {
    .important-title{
        font-size: 40px;
        line-height: 48px;
    }
}