@font-face {
    font-family: "QueensTrial-Bold";
    src: url("../assets/Fonts/Queens_Trial/QueensTrial-Bold.ttf");
}

@font-face {
    font-family: "QueensTrial-BoldItalic";
    src: url("../assets/Fonts/Queens_Trial/QueensTrial-BoldItalic.ttf");
}

@font-face {
    font-family: "QueensTrial-LightItalic";
    src: url("../assets/Fonts/Queens_Trial/QueensTrial-LightItalic.ttf");
}

@font-face {
    font-family: "QueensTrial-Regular";
    src: url("../assets/Fonts/Queens_Trial/QueensTrial-Regular.ttf");
}

@font-face {
    font-family: "PPNeueMontreal-Book";
    src: url("../assets/Fonts/PPNeueMontreal-Free/PPNeueMontreal-Book.otf");
}

@font-face {
    font-family: "PPNeueMontreal-Medium";
    src: url("../assets/Fonts/PPNeueMontreal-Free/PPNeueMontreal-Medium.otf");
}

body {
    margin: 0 a;
    padding: 0;
    margin: 0 a;
    padding: 0;
    height: 100vh;
    width: 100%;
    font-family: "PPNeueMontreal-Book";


  }

  #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index:-45;
  }

  .main{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 a;
    padding: 0;
    margin: 0 a;
    padding: 0;
    height: 100vh;
    width: 100%;
  }


  ::selection {
    color: black;
    background:#eaff00;
  }


  .contentBox {
    color: #fff;
    margin:  auto;
  }

  .contentBox a{
    position: relative;
    top: -23px;
  }


  .modal-content{
    background: none;
  }

  .modal{
    z-index: 0 !important;
  }

  .modal-backdrop {
    display: none !important;
  }


  .contentBox a{
    color: white;
    text-decoration: none;
  }

  .contentBox a:hover{
    color: #eaff00;
  }


  .contentBox h1{
    font-family: "QueensTrial-Bold";
    font-size:103.84px;
    line-height: 85px;

  }

  .contentBox span{
    font-family: "QueensTrial-Regular";
    font-size: 103.84px;

  }

  .aboutcontentBox{
    background: #141414;
    color: white;
    max-width: 761px !important;
    height: 472px !important;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  }

  .contentPedding{
    padding: 50px !important;
  }

  .aboutcontentBox p{
   font-size: 22px;
  }


.close{
  color: white !important;
  opacity: 1 !important;
  margin-right:5px;

}

  .contactBoxContent{
    background: #141414;
    color: white;
    width: 761px !important;
    height: 472px !important;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  }

  .contactBoxContent button{
    font-size: 21.26px !important;
    font-family: "PPNeueMontreal-Medium" !important;
  }

  iframe{
    width: 761px!important;
    height:  472px !important;
  }



  .contactBoxContent h1{
    font-family: "QueensTrial-BoldItalic";
    font-size: 36.61px;
  }

  .contactBoxContent p {
    font-family: "Queens_Trial";
    font-size:23.59px;
  }

  .topbar{
    color: #fff;
    padding: 30px !important;
    align-self: flex-start;
  }

  .menuBtn{
    background: #fff;
    border-radius: 50px;
    border: none !important;
    padding: 5px 45px 5px 45px;
    margin: 5px;
    box-shadow: none;
    color: black;
    font-family: "PPNeueMontreal-Medium" !important;
    font-size: 16px !important;


  }

  .menuBtn:hover{
    background: #eaff00;
    color: black;

  }

  .active{
    background: #eaff00;
    color: black;
  }

  .menuBtn:focus{
    background: #eaff00;
     color: black

  }

  .menuBtn:active{
    background: #eaff00;
    color: black;

  }


  .mailBtn{
    margin-right: 30px;
  }


  .footer{


    padding: 10px;
    text-align: center;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.842) ;
    margin: 0 auto;
    width: 100%;

  }

  .footer img{
    width: 83px;
    margin:15px;
  }




    .reelClose {
        position: relative;
        top: 20px;
        left: -20px !important;

    }




  @media screen and (max-width: 850px) {


    .contentBox a{
      position: relative;
      top: -10px;
    }


    body{
      height:  127vh;
    }

    iframe{
      width: 700px !important;
      height: px !important;
    }




    .topbar {
      color: #fff;
      padding: 10px !important;
      align-self: center;
    }

    .aboutcontentBox{
      width: 500px !important;
      height: auto !important;
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }



    .contactBoxContent{
      width: 500px !important;
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }



      .mainMenuBox{
        padding: 10px;
        text-align: center;
      }

      .menuBtn{
        padding: 5px 25px 5px 25px !important;
        text-align: center;
      }



      .footer img{
        margin:10px;


      }

      .mainContainer{
       padding: 50px;
      }

      .reelClose {

        top: 150px;
        left: 0px !important;

    }



  }

  @media screen and (max-width: 444px){

    .reelClose {

      top: 5px;
      left: 0px !important;

  }

    .contentBox h1{
      font-family: "QueensTrial-Bold";
      font-size: 80px;
      text-align: left !important;
      line-height:30px;
    }

    .conte ntBox span{
      font-family: "QueensTrial-Regular";
      font-size:60px;
      line-height: 6vw;
    }

    iframe{
      width: 300px !important;
      height: 200px !important;
     }



    .aboutcontentBox{
      width: 90% !important;
    }

    .contentPedding{
      padding: 30px !important;
    }

    .contentBox h1{
      font-family: "QueensTrial-Bold";
      font-size: 50px;
      text-align: center;
    }

    .contentBox span{
      font-family: "QueensTrial-Regular";
      font-size:40px;
      line-height: 9vw;
    }
    .modal{

    top: -120px !important;

    }


    .contactBoxContent{
      width: 90% !important;

    }


    .mainContainer{
      height: 100vh;
    }

    .topbar {
      color: #fff;
      padding: 10px !important;
      align-self: center;
    }



  }