body,html{
    font-family: open-sans, sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    /* font-weight: 400; */
    font-size: 14px;
    font-style: normal;
}

p, span,input,i,h4{
    font-family: open-sans, sans-serif;
    font-weight: 500;
}

h4, h5, h6{
    font-family: open-sans, sans-serif;
    font-weight: 700;
}

h1, h2, h3{
    font-family: trade-gothic-next-condensed, sans-serif;
    color: #111;
    font-style: normal;
    font-variant-ligatures: no-common-ligatures;
    font-weight: 800;
    letter-spacing: 0.1rem;
}

p{  
    font-size: 1.4rem;
    -moz-osx-font-smoothing: grayscale;
    line-height: 2.6rem;
    color: #0e0e0e;
    padding-bottom: 1.8rem;
}

h1{
    font-size: 6rem; 
    line-height: 6.8rem;
    padding-bottom: 3rem;
    /* text-transform: uppercase; */
    /* text-decoration-line: underline;
    text-decoration-color: var(--main-color);
    text-decoration-thickness: 10px;
    text-decoration-style: solid; */
}


h2{
    font-size: 4.2rem;
    line-height: 4.5rem;
    padding-bottom: 1.5rem;
    color: #111;
    /* text-decoration-line: underline;
    text-decoration-color: var(--main-color);
    text-decoration-thickness: 8px;
    text-decoration-style: solid; */
}

.underline-dark{
    text-decoration-color: #000000;
}

h3{
    font-size: 2.8rem;
    line-height: 4rem;
    color: #000;
    padding-bottom: 1rem;
}

h4{
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #000000;
    padding-bottom: 0.4rem;
    /* text-transform: uppercase; */
}

h5{
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #000000;
    padding-bottom: 0.2rem;
    /* text-transform: uppercase; */
}

h6{
    font-size: 1.4rem;
    line-height: 1rem;
    color: #111;
    padding-bottom: 0.5rem;
}

@media (max-width: 650px){
  h1{
    font-size: 4.5rem;
    line-height: 5.5rem;
  }

  h2{
    font-size: 4rem;
    line-height: 5rem;
  }
}

@media (max-width: 400px){



    p{
        font-size: 1.2rem;
        line-height: 1.9rem;
    }

     h1{
        font-size: 4rem;
        line-height: 3.8rem;
        font-weight: 800;
        padding-bottom: 3rem;
     }

     h2{
        font-size: 2.6rem;
        line-height: 3.1rem;
        font-weight:800;
     }

     h3{
        font-size: 2.2rem;
        line-height: 2.8rem;
     }

     h4{
        font-size: 1.5rem;
        line-height: 2rem;
     }

     h5{
        font-size: 1.4rem;
     }

     h6{
        font-size: 1.3rem;
     }
}