@media screen and (max-width: 1060px) {
   section.inner-page{ width: 70%; left: 15%; }
   #comingsoon{ width: 700px; }
   main > article:first-child{ width: 590px; }
   main > article:first-child p{ font-size: 16px; line-height: 22px; }
}
@media screen and (max-width: 880px) {
   section.inner-page{ width: 80%; left: 10%; }
   #comingsoon{ width: 500px; }
   main > article:first-child{ width: 390px; }
   main > article:first-child p{ font-size: 14px; }
   main > article:first-child h1{ font-size: 32px; }
   ul.counter{ width: 90%; }
   .newsletter{ width: 400px; }
   .newsletter input[type=email]{ width: 81%; }
   .newsletter input[type=submit]{ width: 19%; }
   form.default .left{ width: 50%; }
   form.default .right{ width: 50%; }
}

@media screen and (max-width: 640px) {
   nav.main span.fa-bars{ display: block; cursor: pointer; }
   header #logo{ width: 75%; }
   header #logo img{ float: none; border: none; margin-bottom: 3px; }
   header #logo figcaption{ 
      float: none;
      display: block;
      padding: 0px 0 28px 31px; 
   }
   header nav.main{ width: 25%; }
   section.inner-page{ width: 86%; left: 7%; padding: 32px 40px 0px; top: 60px; }
   #comingsoon{ width: 400px; margin-top: 60px; }
   main > article:first-child{ width: 400px; }
   main > article:first-child p{ line-height: 18px; }
   main > article:first-child h1{ font-size: 28px; margin: 80px 0 20px 0; }
   ul.counter{ width: 100%; }
   .newsletter{ margin: 60px auto; }

   form.default .left{ float: none; width: 100%; padding: 0; }
   form.default .right{ float: none; width: 100%; padding: 0; }

   .cols .col3, 
   .cols .col4, 
   .cols .col5, 
   .cols .col4.narrow, 
   .cols .col5.narrow{ 
      width: 100%; 
      float: left; 
      padding-right: 0; 
      margin-bottom: 20px; 
   }

   ul.counter li span:first-child{ 
      font-size: 32px; 
      font-weight: 700; 
      margin: 0 20px;
   }
   ul.counter li span:last-child{ 
      font-size: 11px;
      font-weight: 700;
   }
   header{  z-index: 1010; position: relative; }
   nav.compact ul{
      position: absolute;
      top: 66px;
      right: 30px;
      background: #666;
      border-radius: 2px 0 2px 2px;
      width: 90px;
      z-index: 100;
      padding: 10px;
      display: none;
   }
   nav.compact ul li{
      position: relative;
      float: none;
      margin: 5px;
      padding: 5px 10px;
      border: none;
      text-align: center;
      border-bottom:rgba(255,255,255, 0.2) 1px dotted;
   }
   nav.compact ul li a:hover{ color: rgba(255,255,255, 0.8); }
}

@media screen and (max-width: 470px) {
   section.inner-page{ width: 96%; left: 2%; padding: 25px 22px 0px; }
   #comingsoon{ width: 300px; margin-top: 60px; }
   main > article:first-child{ width: 300px; }
   main > article:first-child p{ font-size: 13px; }
   main > article:first-child h1{ font-size: 26px; }
   .newsletter{ width: 300px; }
   .newsletter input[type=email]{ padding-left: 0px; width: 82.6%; }
   .newsletter input[type=submit]{ font-size: 22px; width: 17.4%; padding: 1px 8px 0 16px; }
   .newsletter input::-webkit-input-placeholder { font-size: 11px; }
   .newsletter input:-moz-placeholder { font-size: 11px; }
   .newsletter input::-moz-placeholder { font-size: 11px; }
   .newsletter input:-ms-input-placeholder { font-size: 11px; }

   ul.counter li span:first-child{ 
      font-size: 26px; 
      font-weight: 700; 
      margin: 0 20px;
   }
   ul.counter li span:last-child{ 
      font-size: 10px; 
      font-weight: 400;
   }

   section.inner-page dl{
      width: 100%;
   }

   
   
}