/*CUSTOM FONTS*/
        @font-face {
          font-family: "HeaderFont";
          src: url(2-Questa_Grande_Regular.otf);
          format("truetype");
        }
        @font-face {
          font-family: "MainFont";
          src: url(Lexend-VariableFont_wght.woff2);
          format("truetype");
        }
    
/*BODY*/
        body {
          background-color: #fff;
          font-size: 100%;
            max-width: 100%;
            font-size: 1.2em;
        }

        body, p {
          font-family: "MainFont", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: normal;
          margin: 0;
          padding: 0;
        }
    
/*CONTENT*/
        .header {
          margin: 0px;
          padding-right: 15px;
          padding-left: 15px;
            background-color: #516f53;
            color: white;
        }

        .content {
          margin-left:  auto;
          margin-right:  auto;
          margin-top: 0px;
          max-width: 50%;
          padding-right: 15px;
          padding-left: 15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            color: #555;
        }

        .content_block {
            width: 90%;
            max-width: 400pt;
            padding: 16pt;
        }

        .content_block_big {
            width: 90%;
            max-width: 800pt;
            padding: 16pt;
        }


        .textmiddle {
          margin-left:  auto;
          margin-right:  auto;
          margin-top: 0px;
          max-width: 70%;
          padding-right: 15px;
          padding-left: 15px;
        }
    
        iframe { 
            margin-top: 28px;
            margin-left: 14px;
            margin-right: 14px;
            align-self: center;
        }
    
        .simframe { 
            display: inline-block;
            margin-top: 28px;
            margin-left: 14px;
            margin-right: 14px;
        }

        .postFrame { 
            display: inline-block;
            vertical-align: top;
            margin-left: 28px;
            margin-right: 28px;
        }
    
        .objects{
              text-align: center;
        }
    
        .center{
              text-align: center;
        }
    
        p {
          margin: 0 0 10px;
        }

        a {
          color: #388;
          text-decoration: none;
        }

        a:hover {
          color: #3bb;
        }

        .whitespace{
            width: 100%;
            height: 1.5em;
        }
    
/*HEADERS*/
            h1 {
                font-size: 8em;
                font-weight: 300;
                margin: 0 0 0px 0;
                text-align: center;
                font-family: "HeaderFont", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
            }

            h2 {
                font-size: 2em;
                font-weight: 500;
                margin: 0 0 0px 0;
                text-align: center;
                font-family: "MainFont", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
            }
 p {
    margin: 0;
    padding: 0;
}
    
/*FOOTER*/
    .footer {
            margin: 0pt;
            padding: 0pt;

            bottom: 0pt;
            background-color: #516f53;
            color: white;
    }  


/*DYNAMIC*/
        @media screen and (max-width: 640px) {
            h1 {
                  font-size: 3em;
                  font-weight: 300;
                  margin: 0 0 0px 0;
                text-align: center;
            }

            h2 {
              font-size: 1.2em;
              font-weight: 500;
              margin: 0 0 0px 0;
                text-align: center;
            }
            
            .content {
              max-width: 90%;
            }

            .content_block_big {
                width: 90%;
                max-width: 400pt;
                padding: 16pt;
            }
         }