/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 660px) {
  /* =Header
  -------------------------------------------------------------- */
  header .container #logo img {
    display: block;
    float: none;
    margin: 0 auto;
    line-height: 100px;
    text-align: center; }
  header nav {
    display: block;
    float: none;
    height: 50px;
    text-align: center;
    margin: 0 auto; }
    header nav a {
      line-height: 50px;
      margin: 0 10px; }

header .alignright, header .alignleft {
    text-align: center;
}
 
header .btn {
    font-size: 30px;
    margin-bottom: 20px;
}
  header.smaller {
    height: 125px; }
    header.smaller .container #logo img {
      height: 40px;
      line-height: 40px;
      font-size: 30px; }
    header.smaller nav {
      height: 35px; }
      header.smaller nav a {
        line-height: 35px; } }

@media all and (max-width: 600px) {
  .container {
    width: 100%; }
 }