@media only screen and (max-width:2400px) {
.button2 {
     color: blue;
     text-decoration: none;
     border: 0px solid white;
     background: white;
     font-weight:bold;
     font-size: 1em;
     vertical-align: middle;
    }
h2 { font-size: 2em ;
  color:red;
  font-weight:bold;
  }
#bodyfont {
    font-size:1em;
    font-family: Arial, sans-serif;
  }
#videoframe {
    width:600px; 
    height:400px;
}
#headerimg {
    width: 100px;
    height:auto;
    }

#headertext {
    color:white;
    text-shadow: 2px 2px black;
    font-weight:bold;
    font-family:Helvetica;
    font-size:2em;
    }
HTML, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: #000000;
    height: 100%;
}
#header{
    width:90%;
    height:120px;
    margin: auto;
    background-color:red;
   }

#headerContent{
    margin: 0 auto; width: 100%;
}
#adminbar {
      width:90%;
      height:20px;
      margin: auto;
      background-color:black;   
}
#adminbarContent {
      font-size:0.7em;
      color:white;
      font-weight:bold;
      font-family: Arial, sans-serif;
  }
#menuContent {
      font-size:1em;
  }
#menu{
    width:90%;
    height:30px;
    margin: auto;
    background-color:red;
}

#body{
    width:90%;
    height:100%;
    margin: auto;
    background-color:white;
    position: relative;
    height: auto;
    min-height: 100% !important;
    font-family: Arial, sans-serif;
}
.button {
     color: white;
     text-decoration: none;
     border: 0px solid red;
     background: red;
     text-decoration: none;
     font-weight:bold;
     font-size: 1em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    }
.adminbutton {
     color: white;
     text-decoration: none;
     border: 0px solid black;
     background: black;
     text-decoration: none;
     font-weight:bold;
     font-size: 1em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    }    
.buttonselect {
     border: 0px solid #000000;
     background: white;
     color: red;
     font-size: 0.9em;
     font-family: Arial, sans-serif;
     text-decoration: none;
     vertical-align: bottom;
     letter-spacing: 1px;
    }

.button3 {
     color: blue;
     text-decoration: none;
     border: 0px solid white;
     background: white;
     text-decoration: white;
     font-weight:bold;
     font-size: 0.9em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    }
.button4 {
     color: blue;
     text-decoration: none;
     border: none;
     background-color: Transparent;
     font-size: 0.9em;
     vertical-align: middle;
     background-repeat: no-repeat;
     outline:none;
     font-family: Arial, sans-serif;
    }
.buttonselect3 {
     border: 0px solid #000000;
     background: white;
     color: blue;
     font-size: 0.9em;
     font-family: Arial, sans-serif;
     text-decoration: none;
     vertical-align: bottom;
     letter-spacing: 1px;
    }
.button5 {
     color: red;
     text-decoration: none;
     border: none;
     background-color: Transparent;
     font-size: 0.9em;
     vertical-align: middle;
     background-repeat: no-repeat;
     outline:none;
     font-family: Arial, sans-serif;
    }
.textinput1 {
     color: black;
     text-decoration: none;
     border: none;
     background-color: Transparent;
     font-size: 0.9em;
     vertical-align: middle;
     background-repeat: no-repeat;
     outline:none;
     font-family: Arial, sans-serif;
    }
}

@media only screen and (max-width:480px) {
.button2 {
     color: blue;
     text-decoration: none;
     border: 0px solid white;
     background: white;
     font-weight:bold;
     font-size: 0.7em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    }
h2 { font-size: 0.8em ;
  color:red;
  font-weight:bold;
  }
#bodyfont {
      font-size:0.7em;
      font-family: Arial, sans-serif;
  }
#menuContent {
      font-size:0.7em;
  }
#adminbarContent {
      font-size:0.5em;
      color:white;
      font-weight:bold;
  }
#adminbar {
      width:90%;
      height:20px;
      margin: auto;
      background-color:black;   
}
#headerimg {
    width:60px;
    height:auto;
 }
#headertext {
    color:white;
    text-shadow: 2px 2px black;
    font-weight:bold;
    font-family:Helvetica;
    font-size:0.9em;
    }

HTML, body {
    height: 100%;
}
#header{
    width:100%;
    height:80px;
    margin: auto;
    background-color:red;
   }

#headerContent{
    margin: 0 auto; width: 100%;
}

#menu{
    width:100%;
    height:30px;
    margin: auto;
    background-color:red;
}
#body{
    width:100%;
    height:100%;
    margin: auto;
    background-color:white;
    position: relative;
    height: auto;
    min-height: 100% !important;
    font-family: Arial, sans-serif;
}

.button {
     color: white;
     text-decoration: none;
     border: 0px solid red;
     background: red;
     text-decoration: none;
     font-weight:bold;
     font-size: 1em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    
.adminbutton {
     color: white;
     text-decoration: none;
     border: 0px solid black;
     background: black;
     text-decoration: none;
     font-weight:bold;
     font-size: 1em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    }
.buttonselect {
     border: 0px solid #000000;
     background: white;
     color: red;
     font-size: 0.9em;
     font-family: Arial, sans-serif;
     text-decoration: none;
     vertical-align: bottom;
     letter-spacing: 1px;
    }
.button4 {
     color: blue;
     text-decoration: none;
     border: none;
     background-color: Transparent;
     font-size: 0.9em;
     vertical-align: middle;
     background-repeat: no-repeat;
     outline:none;
     font-family: Arial, sans-serif;
    }
.button3 {
     color: blue;
     text-decoration: none;
     border: 0px solid white;
     background: white;
     text-decoration: white;
     font-weight:bold;
     font-size: 0.9em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
    }
.buttonselect3 {
     border: 0px solid #000000;
     background: white;
     color: blue;
     font-size: 0.9em;
     font-family: Arial, sans-serif;
     text-decoration: none;
     vertical-align: bottom;
     letter-spacing: 1px;
    }
.button5 {
     color: red;
     text-decoration: none;
     border: none;
     background-color: Transparent;
     font-size: 0.9em;
     vertical-align: middle;
     font-family: Arial, sans-serif;
     background-repeat: no-repeat;
     outline:none;
    }
.textinput1 {
     color: black;
     text-decoration: none;
     border: none;
     background-color: Transparent;
     font-size: 0.9em;
     vertical-align: middle;
     background-repeat: no-repeat;
     font-family: Arial, sans-serif;
     outline:none;
    }
}