@font-face
 {
    font-family: header1;
    src: url('../fonts/Alatsi-Regular.ttf');

    font-family: header2;
    src: url('../fonts/Satisfy-Regular.ttf');

 }

  *
  {
    margin: 0;
    padding: 0;
    box-sizing: 0;
  }


  html
  {
    height: 100%;
  }
  


  body
  {
    background-image: url("../pics/bg2.png");
    background-repeat: no-repeat;    
    background-size: cover;    
    /*top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -10;*/
    opacity: 75%
  }


  .navbar
  {
    z-index: 9999;
  }
  

  .header1
  {
    color: white;
    width: 100vw;
    margin-top: 35px;
    margin-left: 35px;
  }

  .indexWrap
  {
    text-align: center;
    margin-top: 15vh;
  }
   

  .footer-content
  {
    text-align: center;
    width: 100%;
    height: 45px;
    position: absolute;
    bottom:0;    
    
    background-color: rgb(24, 14, 14);
  }

  .footer-content h5
  {
    color: white;
    font-size: 15px;
  }












   


  @media only screen and (min-width: 1040px)
  {
    

    body
    {
      background-image: url("../pics/bg1.png");
      background-repeat: no-repeat;    
      background-size: cover;    
      /*top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -10;
      opacity: 100%*/
    }

    .header1
    {
      color: white;
      width: 30vw;
    }

    .header1 h5
    {
      font-size: 28px;
    }

  }