@font-face{
        font-family: alte;
        src: url(AlteHaasGroteskRegular.ttf);
      }

      @font-face{
        font-family: alteBold;
        src: url(AlteHaasGroteskBold.ttf);
      }
      html, body {
        font-family: alte;
        margin: 0;
        padding: 0;
      }
      a{
        text-decoration: none;
        color:#FF4433;
      }
      a:hover{
        color:black;
      }
      h2{
        color:#FF4433;
        margin-top: 50px;
        font-size: 25pt;
        margin-bottom:50px;
      }

      iframe{
       /* display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;*/
/*     pointer-events: none;*/
/*         padding-top: 10px;*/
      }

      li{
        margin-bottom: 30px;
      }
      .profile-image{
        width:400px;
      }

      .countdown-text {
      text-align: center;
      margin-bottom: 0px;
     
    }
      .countdown-timer{
          pointer-events: none;
      }

      .countdown-timer > a{
        font-size: 30px;
      }

      .main-display{
        position: relative;
        width:100%;
        height: auto;
        display: inline-block;
      }

      .main-text{
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
      }
      .menu{
       
        /*max-width: fit-content;
        margin-left: auto;
        margin-right: auto;*/

         position: relative;
        float: left;
        //margin-right: 50%;
        margin-top: 0px;
        color:hotpink;
        font-size: 25pt;

      }

      .menu > a{
        color:#FF4433;
        text-decoration: none;
      }

      .menu > a:hover{
        color:black;
      }
      .logo{
       
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
      }

      .about-text{
        border-top:solid;
        margin-top: 0px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
        display: inline-block;
      }

      .logoImage{
        width: 300px;
      }

      .inline-block{
        display: inline-block;
      }

      .menu{
        width: 100%;
        vertical-align: text-top;
      }

      .socialMedia{
        position: relative;
        float: right;
        //margin-right: 50%;
        //margin-top: 100px;
        //font-size: 18px;
      }
      .socialMediaIcon{
       
        width: 32px;
  
        padding: 5px;
        padding-top: 15px;
      }

      .boldText{
        font-family: alteBold;
      }

/*      collapsable FAQ content*/
    .collapsible {
      background-color: #FFF;
      color: black;
      cursor: pointer;
      padding: 18px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 30px;
    }

    .active, .collapsible:hover {
/*      background-color: #555;*/
    }

    .collapsible:before {
      content: '\002B';
      color: black;
      font-weight: bold;
      float: left;
      margin-right: 10px;
    }

    .active:before {
      content: "\2212";
    }

    .content {
      padding: 0 18px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      background-color: #FFF;
      margin-bottom:10px;
      font-size:22px;
    }



      @media screen and (min-width: 1118px) {
        .menu{
        width: auto;
        /*max-width: fit-content;
        margin-left: auto;
        margin-right: auto;*/

         position: relative;
        float: right;
        //margin-right: 50%;
        margin-top: 100px; 
        font-size: 18pt;
      }

      .logoImage{
        width: 250px;
      }

      .main-text{
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
      }

      .socialMedia{
        position: relative;
        float: right;
        //margin-right: 50%;
        //margin-top: 100px;
        //font-size: 18px;
      }
      .socialMediaIcon{
        width: 22px;
      float: right;
      padding: 5px;
      padding-top: 15px;
      }

      .about-text{
        margin-top: 0px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
        display: inline-block;
      }
      }