Header{
        background-color: #eb6207;
	      height: 150px; 
        width: 1927px;
        overflow:hidden;
        transform: translate(-8px, -8px);
        }

    header h1  {
      font-size: 45px;
      font-family: "Archivo Black";
      transform: translate(17px, 62px);
    }

    .reel{
      position: absolute;
      opacity: 0.75;
      width: 100px;
      height: 15px;
      transform: translate(-2px, -122px);
      rotate: 22deg;
      z-index: -1;
    }

    .reelright{
      position: absolute;
      float: right;
      opacity: 0.75;
      width: 793px;
      height: 7px;
      transform: translate(1048px, 395px);
      rotate: -15deg;
      z-index: -1;
    }

    header .btn{ 
        display: block;
        background-color: #c8eb07;
	      color: black;
        font-family:"Yeseva One";
        font-size: 32px;
        width: 201px;
        height: 35px;
        text-align:center;
        border-radius: 25px;
        cursor: pointer;
        transform: translate(342px, -48px);;
        margin:0;
	    }
  header  .btn:hover{
	  background-color: #acc717;
    color:white;
	}
	header .btn:active{
	  background-color: #5d6d05;
  }

    header .btn2{ 
        display: block;
        background-color: #eb0707;
        color: black;
        font-family: "Yeseva One";
        font-size: 32px;
        width: 95px;
        height: 35px;
        text-align: center;
        border-radius: 25px;
        cursor: pointer;
        transform:translate(557px, -13px);
	    }
  header .btn2:hover{
	  background-color: #bb0707;
    color:white;
	}
	header .btn2:active{
	  background-color: #850d0d;
  }

  header .btn4{ 
    display: block;
    background-color: #c74380;
	  color: black;
    font-family:"Yeseva One";
    font-size: 32px;
    width: 179px;
    height: 35px;
    text-align:center;
    border-radius: 25px;
    cursor: pointer;
    transform: translate(664px, -83px);
	}
  header .btn4:hover{
	  background-color: #9c3565;
    color:white;
	}
	header .btn4:active{
	  background-color: #812e55;
  }

  header .btnc{ 
    display: inline-block;
    background-color: #eb0707;
    color: black;
    font-family: "Yeseva One";
    font-size: 32px;
    width: 130px;
    height: 38px;
    text-align: center;
    border-radius: 25px;
    transform: translate(1750px, -118px)
	}
  
  header .btnc:hover{
	  background-color: #bb0707;
    color:white;
	}
	header .btnc:active{
	  background-color: #850d0d;
  }

  body{
      background-color:#bd3403;
      margin: 0; 
      scroll-behavior:auto;
    }
  
  main h2{
      font-family: "Archivo Black";
      font-size: 45px;
      margin-left: 19px;
      margin-right: 19px;
    }

  main h3{
      font-family: "Yeseva One";
      font-size: 26px;
      margin-left: 19px;
      margin-right: 19px; 
    }

  main table {
        border-collapse: separate;
        border-spacing: 0 0px;
        margin-left: 10px;
        width: 99%;
        height: 494px;
    }
  th, td {
        border: .5px solid rgb(255, 255, 255);
        padding: 1px;
        text-align: Center;
    }
  th {
        background-color: black;
        font-family: "Archivo Black";
        color: #ffff;
        font-size: 4.5em;
        font-weight: bold;
        height: 169px;
    }
  td {
        font-family: "Yeseva One";
        font-size: 3.17em;
        font-weight: bold;
        height: 133px;
    }
  footer p{
      color:#ffffff;
      font-size: 35px;
      font-family: "Yeseva One";
      text-align: center;
      margin-left: 20px;
      margin-right: 20px;
    }

   footer h4{
      color: #000000;
      font-size: 15px;
      font-family: "Yeseva One";
      margin-left: 850px;
    }





  @media only screen and (max-width:1024px) 
    {
        main table{
            margin-left: 210px;
            width: 139%;
            }
        footer p{
            width: 500px;
            margin-left: 680px;
            }
      
    }

    @media only screen and (min-width:1025px) and (max-width:1440px)
    {
        main table{
            margin-left: 115px;
            width: 100%;
            }
        footer p{
            margin-left: 250px;
            }
        footer h4{
            margin-left: 750px;
            }           
    }

    @media only screen and (min-width:1441px) and (max-width:1600px)
    {
        main table{
            margin-left: 200px;
            width: 100%;
            }

        footer p{
            margin-left: 450px;
            }
    }

    @media only screen and (min-width: 1921px) and (max-width:2560px)
    {
      header {
        width: 2568px; 
        }

      .reelright{
        transform: translate(1649px, 546px);
      }
        
      header .btnc  {
        transform: translate(2349px, -118px);
        }
      footer h4{
        margin-left: 1200px;
        }
      }
    

    @media only screen and (max-width:915px) 
   {
      header{
          width:1000px;
        }

      header h1  {
        font-size: 75px;
        transform: translate(2px, 14px);
      }
      
      header .btn {
                font-size: 53px;
                width: 330px;
                height: 56px;
                transform: translate(6px, -254px);
                }

      header .btn2 {
                  font-size: 53px;
                  width: 125px;
                  height: 65px;
                  transform: translate(347px, -195px);
                }

      header .btn4 {
                font-size: 53px;
                width: 291px;
                height: 57px;
                transform: translate(487px, -309px);
                }

      header .btnc {   
                font-size: 53px;
                width: 213px;
                height: 54px;
                transform: translate(526px, -293px);
                }
        main h2{
                width: 700px;
                }

        main h3{
                width: 700px;
               }
        
        main table {
                margin-left: 10px;
                width: 52%;
                }
        th {
                font-size: 3.5em;
                height: 230px;
            }
        td {
                font-size: 2.17em;
                height: 240px;
            }
        footer p{
                margin-left: 175px;
            }
        footer h4{
                font-size: 18px;
                margin-left: 333px;
                width: 200px;
            }
    }

 @media only screen and (orientation: landscape) and (max-width:915px)
   {
      header{
        width: 1927px;
      }
      
      header h1  {
        font-size: 75px;
        transform: translate(2px, 14px);
      }
      
      header .btn {
                font-size: 53px;
                width: 326px;
                height: 56px;
                transform: translate(538px, -182px);
                }

      header .btn2 {
                  font-size: 53px;
                  width: 125px;
                  height: 65px;
                  transform: translate(900px, -122px);
                }

      header .btn4 {
                font-size: 53px;
                width: 291px;
                height: 57px;
                transform: translate(1061px, -238px);
                }

      header .btnc {   
                font-size: 53px;
                width: 213px;
                height: 54px;
                transform: translate(1700px, -293px);
                }

        main table {
                margin-left: 150px;
                width: 200%;
                }

        th {
                font-size: 4.5em;
                height: 230px;
            }

        td {
                font-size: 3.17em;
            }

        footer p{
                margin-left: 750px;
            }

        footer h4{
                font-size: 23px;
                margin-left: 876px;
                width: 500px;
            }
    }