/**********************************
TABLET DEVICES
***********************************/

@media screen and (min-width: 480px) {

  .primary, {
   width: 60%;
   float: left;
  }

  .secondary, {
    width: 40%;
    float: right;
  }

}


/**********************************
DESKTOP DEVICES
***********************************/

@media screen and (min-width: 660px) {

  nav {
    background: none;
    float: right;
    font-size: 1.125em;
    text-align: right;
    width: 45%;
  }

  #title {
    float: left;
    text-align: left;
    width: 45%
  }

  #lsulink {
  position: left;
  }

  h1 {
    font-size: 2em;
    font-weight: 800;
  }

  h2 {
     margin-bottom: 20px;
  }


  header {
    margin-bottom: 60px;
  }

  .primary {
   width: 65%;
   float: left;
  }

  .secondary {
    width: 30%;
    float: right;
  }

  .contain-header {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }


}

@media screen and (min-width: 1600px) {

  section, .contain-header {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 5%;
    padding-bottom: 100px;
  }

}