form { margin: 0px 10px; }

@media (max-width: 300px) {
  body 
  {
    padding-top: 5px;
    background-color: #fff;
    background-image: none;
  }
  .panel-primary {border-color: #fff;}
}
@media (min-width: 301px) and (max-width: 600px) {
  body 
  {
    padding-top: 5px;
    background-color: #fff;
    background-image: none;
  }
  .panel-primary {border-color: #fff;}
}
@media (min-width: 601px) and (max-width: 768px) {
  body 
  {
    padding-top: 50px;
    background-color: #EDD600;
    background-repeat: no-repeat;
    background-size: 100% 350px;    
  }
}
@media (min-width: 769px) {
  body 
  {
    padding-top: 75px;
    background-color: #f88000;
    /*height: 100%;*/
    background-repeat: no-repeat;
    background-size: 100% 400px;    
  }
}


h2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.container { max-width: 360px; }

.divider {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 5px;
}

.divider hr {
  margin: 7px 0px;
  width: 35%;
}

.left { float: left; }

.right { float: right; }