@font-face {
    font-family: "RobotoRegular";
    src: url(./fonts/Roboto/Roboto-Regular.woff) format("webopenfontformat"), url(./fonts/Roboto/Roboto-Regular.woff2) format("webopenfontformat"), url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype");
    font-display: auto;
}

@font-face {
    font-family: "RobotoCondensedBold";
    src: url(./fonts/Roboto-condensed/RobotoCondensed-Bold.woff) format("webopenfontformat"), url(./fonts/Roboto-condensed/RobotoCondensed-Bold.woff2) format("webopenfontformat"), url(./fonts/Roboto-condensed/RobotoCondensed-Bold.ttf) format("truetype");
    font-display: auto;
}

body {
    font-family: "RobotoRegular", Arial, sans-serif;
}

h1 {
    color: #27348b;
    font-weight: 600;
    font-family: "RobotoCondensedBold", Arial, sans-serif;
    font-size: calc(2.375rem + 1.5vw);

}

@media (min-width: 1200px) {
    h1 {
        font-size: 3.5rem;
    }
}