/* ==================================================================

*   Intima Media Queries

TOC : 

1. screenwidth less than 1024px (Medium Screen/Large Tablets)
2. screenwidth less than 900px (Tablets)
3. screenwidth less than 767px (Mobile wide/Smaller Tablets)
4. screenwidth less than 480px (Small Screen Mobile)


/* ================================================================== */


/* screenwidth less than 1024px
--------------------------------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width: 1024px) {

    /* header styles
   ------------------------------------------------------------------ */
   header .banner-text h1 {
      font: 80px/1.1em 'Open Sans', sans-serif;
      letter-spacing: -1px;
      margin: 0 auto 12px auto;
   }

  #about .download {
    float: none;
    margin-top: 0;
    padding: 10px;
    width: 100%;
  }

  #about .bio-left {
    min-height: 600px;
    height: auto;
    padding: 60px 30px;
  }

  #about .main-col {
    min-height: 600px;
    padding: 20px;
    height: auto;
  }

}

/* screenwidth less than 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

    /* header styles
   ------------------------------------------------------------------ */
   header .banner { padding-bottom: 12px; }
   header .banner-text { width: 100%; }
   header .banner-text h1 {
      font: 78px/1.1em 'Open Sans', sans-serif;
      letter-spacing: -1px;      
   }
   header .banner-text h3 {
      font: 17px/1.9em 'Raleway', serif;
   }
   header .banner-text hr {
      width: 100%;
      margin: 12px 0;
   }

}

/* mobile wide/smaller tablets
---------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
   /* Header Styles
   -------------------------------------------------------------------- */
   header .banner {
      padding-bottom: 12px;
      padding-top: 6px;
   }
   header .banner-text h1 { font: 68px/1.1em 'Open Sans', sans-serif; }
   header .banner-text h3 {
      font: 16px/1.9em 'Raleway', serif;
   }
   header .banner-text hr {
      width: 100%;
      margin: 18px 0;
   }

   /* header social links */
   header .social {
      margin: 18px 0 24px 0;
      font-size: 24px;
      line-height: 36px;      
   }
   header .social li { margin: 0 10px; }

    /* scrolldown link */
   header .scrolldown { display: none; }

}

/* mobile narrow
  -------------------------------------------------------------------------- */

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

  .section-title {
    font-size: 16px;
    line-height: 24px;
    width: 260px!important;
  }

   /* header styles
   -------------------------------------------------------------------- */
   header .banner { padding-top: 24px; }
   header .banner-text h1 {
      font: 40px/1.1em 'Open Sans', sans-serif;      
      margin: 0 auto 24px auto;
   }
   header .banner-text h3 {
      font: 14px/1.9em 'Raleway', sans-serif;
   }
  
   /* header social links */
   header .social { font-size: 20px;}
   header .social li { margin: 0 6px; }

  .social-container {
    width: 100%;
    text-align: center;
  }

  .social-container .social {
     font-size: 25px;
  }


}