/*****************************************************************
Stylesheet: 768 AND UP
******************************************************************/

@media only screen and (min-width: 768px) {
/******************************************************************/

/* =============================================================================
   #> 01. BODY + CORE STYLES
   ========================================================================== */


/* =============================================================================
   #> 02. TYPOGRAPHY, LINKS, FORMS, TABLES
   ========================================================================== */
.main-logo {
  background-size: 100%;
  width: 349px;
  height: 86px;
  left: 5px;
  top: 20px;
}


/* =============================================================================
   #> 03. PAGE LAYOUT / GRID
   ========================================================================== */

/*>== page layout =================== */

/* time to set the max width of the full design */


/* FULL FLUID MAIN AND SIDEBAR ******/


/* FIXED WIDTH SIDEBAR ******
Fluid main content, fixed width sidebar -> IF SIDEBAR IS FIRST THE HTML
-----------------------------------------------------------------------------

.content-pri {
  display: table-cell;
  width: 9999px;
}
.content-sec {
  width: 280px;
  float: right;
}

Simple fluid main content, fixed width sidebar -> using absolute positioning
(and to match heights: http://shinytoyrobots.com/2011/11/super-simple-jquery-height-manipulation/)
---------------------------------------------------------------------------------------------------

.content-pri {
  margin-right: 300px;
  width: auto;
}
.content-sec {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
}
*/

/*.row {
  margin-bottom: 15px;
}
*/
  
/* =============================================================================
   #> 04. NAVIGATION
   ========================================================================== */



/* =============================================================================
   #> 05. GLOBAL ELEMENTS
   ========================================================================== */
h1 { font-size: 46px; line-height: 42px;  } 
h2 { font-size: 37px; line-height: 44px; }
/*h3 { font-size: 30px; line-height: 36px; }*/
/*h4 { font-size: 30px; line-height: 32px; }*/
h5 { font-size: 22px; line-height: 28px;  }
h6 { font-size: 18px; line-height: 22px;  }

.page-title {font-size: 40px;}


/* =============================================================================
   #> 06. HEADER
   ========================================================================== */



.psf-logo {
  position: absolute;
  right: 10px;
  top: 23px;
  margin: 0;
  z-index: 555;
  display: block;
}

.lltk-logo {
  position: absolute;
  right: 105px;
  top: 44px;
  margin: 0;
  z-index: 555;
  display: block;
}

.main-logo {
  margin: 0;
}


/* =============================================================================
   #> 07. SIDEBAR STYLES
   ========================================================================== */

.widgettitle {
  border-bottom: 2px solid #444;
}
.widget {
  padding: 0 10px;
  margin: 20px 0;
}


/* =============================================================================
   #> 08. HOME PAGE
   ========================================================================== */
.hp-background {
   height: 300px;
}


  .hp-background--overlay {
    bottom: 70px;
    padding: 25px 50px;
    max-width: 800px;

  }

     .hp-background--overlay p {
      font-size: 24px;
      line-height: 30px;

     }

.image-tagline {
  height: 300px;
}

.image-tagline h2 {
   padding-top: 100px;
   font-size: 42px;
   line-height: 46px;
}



/* =============================================================================
   #> 09. INTERIOR PAGES
   ========================================================================== */



/* =============================================================================
   #> 10. FOOTER
   ========================================================================== */

} /* END 768 AND UP 