@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/static/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/static/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/static/Roboto-Medium.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/static/Roboto-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}


body, h1, h2, h3 {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 200;
}

h4, h5, h6 {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 300;
}

h1{
    font-size: 3rem !important;
    word-break: break-word;
}

h2{
    font-size: 2.5rem !important;
    word-break: break-word;
}

h3{
    font-size: 2rem !important;
}


h4 {
    font-size: 2rem !important;
}

p {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    h1{
        font-size: 5rem !important;
    }

    h2{
        font-size: 3.5rem !important;
    }
}