@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+DE+Grund:wght@100..400&display=swap');

html, body, header, footer, .container{
    background: white !important;
    font-family: "Montserrat", sans-serif;
    }
    body {
        min-height: 100vh;
        margin: 0;
      }
    
  .container {
    margin-top: 20px;
    width: 76% !important;
   
  }

h1 {
    font-family: 'Garamond', serif !important; 
    font-size: 40px !important; 
    font-weight: 600 !important; 
    color: #4a4a4a !important; 
    text-align: center !important; 
    margin: 20px 0 0 0 !important; 
    position: relative !important;
    text-transform: uppercase !important; 
    background-color: antiquewhite;
    border-radius: 8px;
    padding: 10px 0 !important;
}

h2 {
    font-family:  "Playwrite DE Grund" !important; 
    color: #2b2b2b !important; 
    margin: 0 !important;
    padding: 20px 0 !important;
    font-size: 1.5em !important;
    text-align: center !important;
    line-height: 30px !important;
}

h3{
    font-size: medium !important;
    line-height: 25px !important;
}

p{
    line-height: 25px;
    font-size: medium;    
}


    @media (max-width: 900px) {
        h1{
        font-size: 20px !important;
        font-weight: 600 !important;
        margin: 10px 0 0 0 !important; 
        }
        h2 {
           font-size: 1.1em !important;
        }

        h3{
            font-size: small !important;
            line-height: 15px !important;
        }

        p{
            line-height: 20px !important;
            font-size: smaller !important;
        }

        .container{
            width: 90% !important;
        }
    }