@import "fontawesome.min.css"; 
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oleo+Script&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
    font-family: "open sans";
    /* max-width: 98%; */
}

h1,h2,h3,h4,h5,h6 {
    position: relative;
    text-transform: uppercase;
    font-weight: 900;
}

h1, .h1 {
    font-size: 2.2rem;
    color: rgb(35 31 32);
}

a {
    color: rgb(229, 193, 98);
}

a:hover {
    color: rgb(172, 135, 46);
}


@media (min-width: 1200px) {
   
    body {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media (min-width: 1400px) {
    body {
        font-size: 22px;
        line-height: 1.3;
    }
}

@media (min-width: 1600px) {
    body {
        font-size: 24px;
        line-height: 1.3;
    }

    h1, .h1 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1800px) {
    body {
        font-size: 1.3vw;
        line-height: 1.3;
    }

    h1, .h1 {
        font-size: 2.6vw;
    }
}