@font-face {
    font-family: 'Volvo';
    src: url('/assets/dinklab/fonts/FontsFree-Net-Volvo-Novum-Medium-1.ttf') format('truetype');
}

@font-face {
    font-family: 'SF-Pro-Text-Heavy';
    src: url('/assets/dinklab/fonts/SF Pro Text/SF-Pro-Text-Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Text-Bold';
    src: url('/assets/dinklab/fonts/SF Pro Text/SF-Pro-Text-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Regular';
    src: url('/assets/dinklab/fonts/SF Pro Text/SF-Pro-Text-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Text-Thin';
    src: url('/assets/dinklab/fonts/SF Pro Text/SF-Pro-Text-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'SF-Pro-Display-Heavy';
    src: url('/assets/dinklab/fonts/SF Pro Display/SF-Pro-Display-Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/assets/dinklab/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('/assets/dinklab/fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('/assets/dinklab/fonts/Poppins-Bold.ttf') format('truetype');
}


body{
    font-family: 'SF-Pro-Text-Regular', sans-serif;
}

body h1{
    font-family: 'SF-Pro-Text-Heavy', sans-serif;
    font-size: 4.5rem;
}

body p.para-desc {
    font-family: 'Roboto-Regular';
}

.title-font{
    font-family: 'SF-Pro-Text-Heavy', sans-serif;
    font-size: 3.5rem;
}

.btn-bold{
    font-family: 'SF-Pro-Text-Heavy', sans-serif;
}

@media (max-width: 1399.99px) {
    body h1 {
        font-size: 4rem;
    }

    .title-font{
        font-size: 3rem;
    }
}

@media (max-width: 1199.99px) {
    body h1 {
        font-size: 3.5rem;
    }
}

@media (max-width: 991px) {
    body h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    body h1 {
        font-size: 3rem;
    }

    .title-font{
        font-size: 2.5rem;
    }
}

@media (max-width: 575.99px) {
    body h1 {
        font-size: 2.3rem;
    }

    .title-font{
        font-size: 1.8rem;
    }

}

@media (max-width: 390px) {
    body h1 {
        font-size: 2rem;
    }
}