/** all devices and responsive browser windows **/
@media screen and (max-width: 800px) {
  body {
    padding: 10px 15px;
  }
  #container {
    width: 100%;
  }
  #wideContainer{
    width:100%;
  }
  #main-form #aligned {
    width: 100%;
    float: none;
    display: block;
  }
  #main-form #aside {
    width: 100%;
    display: block;
    float: none;
  }
  #main-form .txtinput, #main-form textarea {
    width: 85%;
  }
  #prioritycase {
    float: left;
    display: block;
  }
  #recipientcase {
    float: left;
    display: block;
    margin-right: 55px;
  }
}


/* smaller screen dropoff *******/
@media only screen and (max-width: 550px) {
  body {
    background-image: url('images/e4mobile.jpg');
  }
  #main-form .txtinput, #main-form textarea {
    width: 74%;
  }
}

/* iPhone Landscape ********/
@media only screen and (max-width: 480px) {
  body {
    padding: 10px 0px;
  }
  select.selmenu {
    width: 190px;
  }
}

/* iPhone portrait *******/
@media only screen and (max-width: 320px) {
  body {
    padding: 10px 0px;
  }
  #main-form .txtinput, #main-form textarea {
    width: 70%;
  }
  #main-form #aligned {
    overflow: hidden;
  }
  select.selmenu {
    width: 160px;
  }
  #recipientcase {
    margin-right: 30px;
  }
}