form {
    padding: 1rem;
 }

 fieldset {
    border: 1px solid #444;
    margin: 0 0.5rem 2rem 0.5rem;
    padding: 1rem;
 }

 label, input {
    display: block;
    width: 100%;
 }

 input[type="text"]{
    margin: 0.125rem 0 2rem 0;
 }

 input[type="text"]
 input[type="tel"] {
    margin: 0.125rem 0 1.2rem 0;
 }

 textarea {
    width: 100%;
    margin: 0.125rem 0 1.2rem 0;
 }

 .button {
    width: 5rem;
    color: white;
    border-radius: 0.5rem;

 }

 .button:hover {
    filter: opacity(0.5);
 }

 .align-right {
    display: flex;
    justify-content: end;
 }

 input[type="submit"] {
    margin: 0 0.55rem;
    background-color: lime;
 }

 input[type="reset"] {
    background-color: red;
 }

header {
   background-color: black;
   color: white;
   font-size: 30px;
   font-weight: 500;
   font-style: normal;
   margin: 0;
   padding: 0;
}

 button#menu-button {
  height: 2rem;
  width: 2rem;
  display: block;
  border: none;
  background-image: url(../img/hamburger.svg); 
  background-repeat: no-repeat;
  background-size: cover;
}

#menu {
  display: none;
}

#menu.show-nav {
  display: block;
  position: absolute;  /* position the menu */
        z-index: 100;
        top: 0;
        right: 0.6rem;
        
        background-color: #444;  /* style the dropdown menu */
        padding: 1rem;
        width: 110%;
        margin: 0 auto;
        margin-right: -29px;
    }  

    #menu-button {
      position: absolute;
      right: 0.5rem;
      top: 0.5rem;
      padding: 0;
      background-color: transparent;
      z-index: 10;
  }

  #menu-button:hover {
    cursor: pointer;
    }

    .hide-text {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      padding: 0;
  }

  .icon a img {
    width: 5rem;
    height: auto;
}

li.icon {
  width: 100%;
  height: 1.8rem;
  margin: 1.3rem 0;  /* space apart for easier finger tapping */
}

li.icon a {
  display: flex;  /* place logo and span side by side */
  justify-content: start; /* align left */
  align-items: center; /* vertically align */
  
  font-family: arial, helvetica, sans-serif; /* style span text as desired */
  font-weight: bold;
  text-decoration: none;  /* remove underline */
  font-size: 1.5rem;
  margin: 0; 
  height: 1.5rem;
}

@media only screen and (min-width: 64em) {
  button#menu-button {
      display: none;
  }

  #menu {
      display: flex;
  }
}

a {
  color: white;
}

 /* END OF HAMBURGER NAV BAR */

 #rawimg {
  height: 97px;
  left: 11px;
  top: 38px;
 }
 
 #raw {
   left: 11px;
   bottom: -14px;
   top: -58px;
 }

 #rawtext {
   left: 11px;
   bottom: -25px;
   top: 19px;
   margin-right: 19px;
 }

 #smackdown {
   bottom: 46px;
   left: 11px;
 }

 #smackdowntext {
   margin-left: 19px;
   left: -8px;
   top: 38px;
 }

 #smackdownimg {
  height: 97px;
  left: 11px;
  top: 53px;
 }

 h2 {
  background-color: black;
  height: 97px;
  top: 606px;
  margin-right: 80px;
  margin-left: 7px;
 }

 #royalrumbleimg {
  height: 97px;
  left: 11px;
  top: 510px;
 }

 #royalrumble {
  left: 11px;
  top: 378px;
 }

 #royalrumbletext {
  top: 500px;
  left: 11px;
  margin-right: 19px;
 }

 h1 {
  background-color: black;
  height: 97px;
  top: -320px;
  margin-right: 90px;
  margin-left: 8px;
 }

 #survivorseriesimg {
  height: 97px;
  left: 11px;
  top: -420px;
 }

 #survivorseries {
  left: 11px;
  top: -542px;
 }

 #survivorseriestext {
  top: -425px;
  left: 11px;
  margin-right: 19px;
 }

 #eliminationchamber {
  top: -139px;
  left: 11px;
 }

 #eliminationchamberimg {
  height: 97px;
  top: -20px;
  left: 11px;
 }

 #eliminationchambertext {
  top: -38px;
  left: 11px;
  margin-right: 19px;
 }

#wrestlemania {
  top: -108px;
  left: 11px;
}

#wrestlemaniaimg {
  height: 97px;
  top: -3px;
  left: 11px;
}

#wrestlemaniatext {
  top: -22px;
  left: 11px;
  margin-right: 19px;
}

#mitb {
  top: -97px;
  left: 11px;
}

#mitbimg {
  height: 97px;
  top: 19px;
  left: 11px;
}

#mitbtext {
  top: 2px;
  left: 11px;
  margin-right: 19px;
}

#summerslam {
  left: 11px;
  top: -75px;
}

#summerslamimg {
  height: 97px;
  top: 44px;
  left: 11px;
}

#summerslamtext {
  top: 32px;
  left: 11px;
  margin-right: 19px;
}

 #hlogo {
   height: 60px;
   stroke: white;
   left: 9px;
   bottom: 103px;
 }

 #slogo {
   height: 60px;
   stroke: white;
   left: 167px;
   bottom: 103px;
 }

 #tlogo {
   height: 60px;
   left: -124px;
   bottom: 40px;
 }

 #title {
  bottom: -15px;
 }

 #contactus {
  bottom: -15px;
 }

 #logo {
  height: 109px;
  top: 2px;
 }

 span {
  top: -39px;
  left: -4px;
 }

 #history {
  left: 25px;
  bottom: -11px;
  
 }

 #historyp {
  bottom: -32px;
  left: 25px;
  margin-right: 40px;
 }

 #wwetitle {
  left: -24px;
  height: 205px;
  top: -52px;
 }

 #wwetitletext {
  top: -111px;
  font-size: 16px;
  left: 11px;
  margin-right: 170px;
 }

 #wweheavyweight {
  left: 152px;
  height: 84px;
  top: -268px;
 }

 #wweheavytext {
  top: -262px;
  font-size: 16px;
  left: 183px;
  margin-right: 170px;
 }

 #wweintercontinental {
  height: 74px;
  left: 7px;
  top: -235px;
 }

 #wweintertext {
  top: -238px;
  font-size: 16px;
  left: 11px;
  margin-right: 170px;
 }

 #ustitle {
  height: 90px;
  top: -364px;
  left: 159px;
 }

 #ustitletext {
  top: -372px;
  font-size: 16px;
  left: 187px;
  margin-right: 170px;
 }

 #rawtagteam {
  height: 120px;
  top: -382px;
  left: -5px;
 }

 #rawtagteamtext {
  top: -392px;
  font-size: 16px;
  left: 11px;
  margin-right: 170px;
 }

 #smackdowntagteam {
  height: 62px;
  left: 158px;
  top: -526px;
 }

 #smackdowntagteamtext {
  top: -520px;
  font-size: 16px;
  left: 169px;
  margin-right: 170px;
 }

 #rawwomenschamp {
  height: 84px;
  left: 6px;
  top: -506px;
 }

 #rawwomenschamptext {
  top: -508px;
  font-size: 16px;
  left: 11px;
  margin-right: 170px;
 }

 #smackdownwomenschamp {
  height: 84px;
  top: -633px;
  left: 156px;
 }

 #smackdownwomenschamptext {
  top: -646px;
  font-size: 16px;
  left: 182px;
  margin-right: 170px;
 }

 #wwewomensus {
  height: 84px;
  left: 1px;
  top: -648px;
 }

 #wwewomenustext {
  top: -649px;
  left: 11px;
  font-size: 16px;
  margin-right: 170px;
 }

 #wwewomenstagteam {
  height: 75px;
  left: 166px;
  top: -782px;
 }

 #wwewomenstagteamtext {
  top: -774px;
  left: 176px;
  font-size: 16px;
  margin-right: 170px;
 }

#johncenaimg {
  left: 11px;
  top: 38px;
}

#john {
  top: -185px;
  left: 11px;
}

#cena {
  top: 30px;
  left: 11px;
  margin-right: 21px;
}

#randyortonimg {
  left: 11px;
  top: 90px;
}

#randy {
  top: -56px;
  left: 11px;
}

#orton {
  top: 83px;
  left: 11px;
  margin-right: 26px;
}

#therockimg {
  top: 149px;
  left: 11px;
}

#the {
  top: -74px;
  left: 11px;
}

#rock {
  top: 138px;
  left: 11px;
  margin-right: 21px;
}

#stonecoldimg {
  top: 210px;
  left: 11px;
}

#stone {
  top: -14px;
  left: 11px;
}

#cold {
  top: 205px;
  left: 11px;
  margin-right: 21px;
}

#undertakerimg {
  top: 305px;
  left: 11px;
}

#under {
  top: 83px;
  left: 11px;
}

#taker {
  top: 296px;
  left: 11px;
  margin-right: 21px;
}

#shawnmichaelsimg {
  top: 382px;
  left: 11px;
}

#shawn {
  top: 159px;
  left: 11px;
}

#michaels {
  top: 372px;
  left: 11px;
  margin-right: 21px;
}

#triplehimg {
  top: 450px;
  left: 11px;
}

#triple {
  top: 288px;
  left: 11px;
}

#h {
  top: 442px;
  left: 11px;
  margin-right: 21px;
}

#romanreignsimg {
  top: 515px;
  left: 11px;
}

#roman {
  top: 295px;
  left: 11px;
}

#reigns {
  top: 505px;
  left: 11px;
  margin-right: 21px;
}

#edgeimg {
  top: 558px;
  left: 11px;
}

#edge {
  top: 335px;
  left: 11px;
}

#adam {
  top: 550px;
  left: 11px;
  margin-right: 21px;
}

#goldbergimg {
  top: 600px;
  left: 11px;
}

#goldb {
  top: 378px;
  left: 11px;
}

#berg {
  top: 591px;
  left: 11px;
  margin-right: 21px;
}

#copyright {
  bottom: -60px;
  background-color: #ff474c;
  color: white;
  text-align: center;
  height: 30px;
}

#copyright2 {
  bottom: -606px;
  background-color: #ff474c;
  color: white;
  text-align: center;
  height: 30px;
}

#copyright3 {
  bottom: -5px;
  background-color: #ff474c;
  color: white;
  text-align: center;
  height: 30px;
}

#copyright4 {
  bottom: -55px;
  background-color: #ff474c;
  color: white;
  text-align: center;
  height: 30px;
}

#copyright5 {
  bottom: 752px;
  background-color: #ff474c;
  color: white;
  text-align: center;
  height: 30px;
}

body {
  background-color: #444;
  color: white;
}