/*CUSTOM FONTS*/
        @font-face {
          font-family: "HeaderFont";
          src: url(/fonts/SnigletBold.otf);
          format("truetype");
        }
        @font-face {
          font-family: "MainFont";
          src: url(/fonts/Sniglet.otf);
          format("truetype");
        }
    
/*BODY*/
        body {
          background-color: #fff;
          font-size: 100%;
        }

        body, h1, p {
          font-family: "MainFont", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: normal;
          margin: 0;
          padding: 0;
            color: #171826;
        }
    
/*CONTENT*/
        .content {
          margin-left:  auto;
          margin-right:  auto;
          margin-top: 0px;
          max-width: 80%;
          padding-right: 15px;
          padding-left: 15px;
        }

        .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: #ff003c;
          text-decoration: none;
        }

        a:hover {
          color: #000;
        }
    
/*HEADERS*/
            h1 {
                font-size: 1.8em;
                font-weight: 300;
                margin: 0 0 0px 0;
                text-align: center;
                font-family: "MainFont", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
            }

            h2 {
                font-size: 1.8em;
                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;
            }
    
        @media screen and (max-width: 520px) {
            h1 {
              font-size: 2em;
              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;
            }
         }
 p {
    margin: 0;
    padding: 0;
     color: grey;
}
    
/*FOOTER*/
    .footer {
        height: 100%;
        width: 100%;
        padding-top: 24px;
        padding-bottom: 24px;
        color: #fff;
        background-color: #171826;
    }