/* TABLETS */
@media screen and (min-width: 768px) {
	
    /* ----- TYPOGRAPHY ----- */
	h1 {
		font-size: 4.00em; line-height: 1.1;
		}
	h2 {
		font-size: 2.00em;
		}
	h3 {
		font-size: 1.40em;
		}
	h4 {
		font-size: 1.10em;
		}
	h5 {
		font-size: 1.0em;
		}
	p {
		margin: 0 0 1.4em 0;
		}
	/* blockquote  */
	blockquote {
		font-size: 2.4em; line-height: 1.3; padding: .5em 1em;
		}
	blockquote.alignleft,
	blockquote.alignright {
		width: 50% !important; padding-bottom: 0;
		}
	blockquote.alignleft {
		padding-right: 0; 
		}
	blockquote.alignright {
		padding-left: 0; 
		}
	hr {
		margin: 4em 0;
		}
	table {
		font-size: 12px;
		}

	/* LAYOUT */
	.site-content { 
		padding: 3em 0;
		}
	.hentry {
		margin-bottom: 5em; 
		}
    .entry-header {
        margin: 4em 0;
        }
	.entry-meta > span {
		margin-right: 10px;
		}
    
    /* SIDEBAR */
    .with-sidebar { 
		float: left; width: 100%; margin-right: -220px;
        }
	.with-sidebar .content-area {
		margin-right: 220px; padding-right: 50px;
		}
    .sidebar { 
        margin-top: 7em; width: 220px; float: left;
        }
	/*.with-sidebar h1 {
		font-size: 3.4em;
		}*/
	
	/* FORMS */
	input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), 
	select,
	.uploader,
	.selector {
		max-width: 320px; 
		}
	textarea {
		min-height: 14em; max-width: 768px;
		}
        
    /* CONTACT FORM */
	.contact-form p {
		width: 50%; float: left;
		}
	.contact-form p:nth-of-type(1) {
		padding-right: 16px;
		}
	.contact-form p:nth-of-type(2) {
		padding-left: 16px;
		}
	.contact-form p:nth-of-type(2) .error{
		left: 26px;
		}
	.contact-form p:nth-of-type(n+3){
		 width: 100%;
		}	
	
	/* SECTION HEADER */
	.section-header.big h2 {
		font-size: 24px;
		}

	/* HTTP ALERT */
	.http-alert h1 {
		font-size: 20em;
		}
	
	/* BLOG REGULAR */
	.blog-regular .entry-header {
		margin-bottom: 2.0em;
		}
	
	/* WIDGET AREA */
    .widget-area .widget { 
        margin: 0 0 5em 0; 
        }
	
	/* Buttons in widgets */
	.widget input[type=submit], 
	.widget input[type=button], 
	.widget button, 
	.widget a.button {
		padding: 1em 1.6em;
		}
    
    /* SOCIAL FEED & FLICKR WIDGET */
    .social-feed ul li,
	.flickr_badge_image { 
        width: 50%; padding: 0 4px 4px 0; margin: 0; 
        }
    .social-feed ul li img,
	.flickr_badge_image img { 
        width: 100%; max-width: none;
        }
	
    /* PAGINATION */
    .navigation,
    .post-pagination {
        margin: 5em 0; letter-spacing: 2px;
        }
    /*.post-pagination li a {
        margin: 0 .1em; min-width: 42px; line-height: 40px;
        }*/
	
	/* RELATED POSTS */
	.related-posts {
		padding: 4em 0 0; text-align: center;
		}
	.related-post {
		width: 31%; float: left; margin-right: 3.5%;
		}
	.related-post:last-child {
		margin-right: 0%;
		}
	.related-post-image {
		width: 100%; float: none; margin-right: 0;	
		}
	.related-post-header {
		margin-top: 20px;
		}
	
	/* TABS */
	.tabs .tab-content > div {
		padding: 4em;
		}
	
	/* PORTFOLIO */
	.type-themes .tabs .tab-titles li a {
		padding: 2em 3.2em;
		}
	.type-themes .tab-content > div:nth-child(3) {
		padding: 10em;
		}
	.type-themes .tab-content pre {
		margin: 1em; padding: 1em;
		}	
	.type-themes .tab-content ul {
		-moz-column-count: 2;
		-moz-column-gap: 60px;
		-webkit-column-count: 2;
		-webkit-column-gap: 60px;
		column-count: 2;
		column-gap: 60px;
		}
	
	/* INTRO */
	.intro { padding: 3em 0; }
    .intro h2 {
        font-size: 4.6em; line-height: 1; letter-spacing: -1px;
		}
		.intro-p { font-size: 1.5em; }
		.launch-wrap {
			margin: 3em 0 0; 
		}
	
	/* PORTFOLIO */
	.type-themes h1 {
		font-size: 6em;
		}
	
	
	.media-grid { 
		font-size: 0; margin-left: -20px; margin-right: -20px; 
		}
	.media-grid .media-cell { 
		width: 50%; padding: 20px; 
		}
	.portfolio-flow.first-full .media-cell:first-child { 
		width: 100%; 
		}
	.latest-posts .media-grid .media-cell,
	.the-team .media-grid .media-cell { width: 33.33%; }
	
	
	
	/* STATS */
	.stats h2 { font-size: 5em; }
	
		
	/* info box */
	.info-box {
		width: 49%;
		}
	
	/* TOPIC */
	.type-topic h1 {
		font-size: 2.6em;
		}
	.bbp-replies .hentry {
		padding-bottom: 3.4em;
		}
	
}