/*
	Theme Name: JAWS Responsive
	Version: 1.0
	Author: Janko Jovanovic
	
	All rights reserved
	I code only protptypes for testing, so I HATE coding.
	But still, thishad to be done.chchapc
*/

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a:focus, a:hover, a:active, input:focus  {
	outline:0;
}

/* Grid */
.col { display: block; float:left; width: 100%; }
.row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

/* STYLES */
/* ------------------------------------------------ */

/* wrapper */
.wrapper { max-width:700px; width:95%; margin:0 auto; position:relative; }

/* general */
html { font-size:62.5%;}
body { font:400 2.4rem/3.2rem 'karla', Helvetica, Arial, Sans-Serif; color:#333; /*text-rendering: optimizeLegibility;*/ }
p { margin: 0 0 2rem;}
a {color: #e25454;}
a:hover {color:#333;}

/* Available */
#available_for_hire { background-color: #000; padding: 10px; text-align: center; 
	font-size: 16px; font-size: 1.6rem; color:#fff; /*text-transform: uppercase; letter-spacing: 1px;*/ font-weight: normal;}
#available_for_hire a { color:#fff; text-decoration: none; border-bottom: dotted 1px #666;}
#available_for_hire a:hover { border-color: #fff;}
#available_for_hire span { color:#e25454;}

/* ads */
.bsa_it_p { display: none; visibility: hidden;}
.bsa_it_d { font-size: 2.1rem;}
.one { margin: 0 0 4rem;}
.one .bsa_it_ad { border: none; background: none; padding: 0;}

/* header */
.header { text-align:center; text-transform: uppercase; letter-spacing: 1px;
	font-size:15px; font-size:1.5rem; line-height: 3.2rem; padding:3.2rem 0; }
.header a { display:inline; text-decoration:none; color:#888; padding:5px;margin:0 10px;}
.header a:hover { color:#e25454;}
.header .current_page_item a, .header .current_page_parent a {color:#e25454;}
#logo { font-weight: 700;}
.menu, .menu ul, .menu ul li { display:inline;}

/* Home page */
/* ------------------------------------------------ */
#intro {background: #e25454 url('images/home-intro-bkg.png') repeat center center; color:#fff; padding:30px 0; padding:6.4rem 0; text-align: center;}
#intro span {display:block;}
#intro-text { text-align:center; }
#intro-image {margin:1.8rem 0;}

#t-one { font-size:28px; font-size:2.8rem; line-height:200%; font-style:italic;}
.t-two { line-height:60px; text-transform:uppercase;
	text-shadow: 3px 3px 0px #333; font-weight:700;}
.t-two-1 {font-size:60px; font-size:6rem; margin-bottom: 2.4rem;}
.t-two-2 {font-size:85px; font-size:8.5rem;}
#t-three {font-size:24px; font-size:2.4rem; line-height:4.8rem; font-style:italic; margin: 1.6rem;
	background:transparent url('images/home-intro-divider.png') no-repeat center center; }
#t-three span {background:#e25454; padding:0 10px; display:inline;}
#t-four {margin-bottom: 1.6rem;}
#t-four span { font-size:20px; font-style:italic; color:#fff; display:inline-block; text-transform:none; 
	position:relative; top:-9px; letter-spacing:normal;}
#t-five {font-family: font-size:24px; font-size:2.4rem; line-height:3rem; text-transform:uppercase;
	font-weight:700; letter-spacing:1px;}
#t-seven { color:#733c3c; font-size:16px; font-size:1.6rem; text-transform:uppercase;
	background: #e25454 url('images/scroll-red.png') no-repeat center bottom; padding-bottom:2.4rem; letter-spacing:3px;font-weight:700; margin-bottom: 0;}

/* Section 2 - work */
#home-work {background: #663d4e url('images/home-work-bkg.png') repeat center center; color:#fff; padding:60px 0 0; padding:6rem 0 0; font-size:18px; line-height:150%;}
#home-work-button {background:#f3a360; color:#663d4e; border-radius:2px; text-decoration:none; padding:5px 10px 5px 20px; letter-spacing:1px;
 font-size:14px; font-size:1.4rem;text-transform:uppercase; display:inline-block; font-weight: 900; }
#home-work-button:hover {background:#e25454;}
#work-samples {line-height:0;}
.home-section-title { font-weight:700; font-size:2.4rem; line-height:4rem; text-transform:uppercase;margin:0 0 10px;}
.fat-link { font-weight:700; text-transform:uppercase;letter-spacing:1px; font-size:14px; font-size:1.4rem;}

/* Section 3 - blog */
#home-bloglatest {background: #f0ebe2 url('images/home-blog-bkg.png') repeat center center; padding:60px 0; padding:6rem 0;}
#home-bloglatest a { color:#e25454; text-decoration:none;}
#home-bloglatest a:hover { color: #333333; border-bottom: solid 1px #e25454; }
#home-bloglatest .post-meta {display:block; text-align:left; line-height:20px; margin:0 0 10px}
#home-bloglatest .post-title { font-size:28px; margin: 0 0 10px; }
#home-bloglatest .view-article { display: none;}
#more-recent-posts { color:#828282; font-size:1.8rem; line-height:4rem; font-weight:bold; text-transform:uppercase;
	margin: 0 0 10px;}
#home-bloglatest .recent-post { margin: 0 0 20px;}
#home-bloglatest .recent-post a { font-size:20px;}
#latest-posts p { padding-right:20px; margin:0 0 10px; font-size:18px; line-height:150%;}
.recent-post span.post-meta {font-size:1.2rem; font-weight:400; }	

a#home-bloglatest-button {background:#e25454; color:#f0ebe2; border-radius:2px; text-decoration:none; padding:5px 10px 5px 20px; letter-spacing:1px;
	 font-size:14px; font-size:1.4rem;text-transform:uppercase; display:inline-block; font-weight: 900; }
a#home-bloglatest-button:hover {border:none;color:#f0ebe2; background:#333;}

/* Section 4 - other */
#home-other {background: #f3d284 url('images/home-other-bkg.png') repeat center center; padding:60px 0; padding:6rem 0; font-size:18px; line-height:150%; text-align:center;
	color:#372e25;}
#home-other p { margin:0;}
#home-other h2 { background:none; padding-left:0;}

/* Blog posts */
/* ------------------------------------------------ */
.single, .blog {background: #fff;}
.single #top, .blog #top {margin: 0 0 6.4rem 0;}
.single .header, .blog .header { border-bottom: solid 1px #dcdcdc; }
.post p {margin: 0 0 3.2rem;}
.post-meta { color: #888; font-style: italic;
	font-size:18px; font-size:1.8rem; display:block; margin:0 0 4.6rem; /* uskladjivanje sa .post-meta */}
.post a {color: #666;}
.post a:hover { color:#333;}
blockquote { font-style: italic; margin-left: -25px; border-left: solid 5px #888; padding-left:20px;}
blockquote cite { font-style: normal; font-size: 1.4rem; 
	text-transform: uppercase; display: block; letter-spacing: 1px;}
.post ul, .post ol {margin: 0 0 3.2rem; margin-left: -25px; padding-left: 25px;  }
.post ul {list-style-type: disc;}
.post ol {list-style-type: decimal;}
.post em { font-style: italic;}
.post strong { font-weight: bold;}

/* Comments */
#comments {background-color: #e9e9e9; padding: 3.2rem 0;}
#comments a { color:#333;}
#comments a:hover { color:#888;}
.comments-title { font-weight: bold; font-size: 3.2rem;}
.comments { margin-top: 3.2rem;}
.comments  { list-style:none;}
.comments li {border-top:solid 1px #dcdcdc; padding-top:20px;}
.comments li .avatar {float:left; margin-right:20px; border-radius:32px; width:64px; height:64px;}
.comments li .comment-author { display:block; font-weight:bold;}
.comments li .comment-meta {color:#909090; font-size:1.2rem; display:block; text-transform: uppercase;}
.comments li .comment-meta em {text-transform:none;}
.comments li p {margin:10px 0 20px 84px; color:#404040;}
.comments li as {margin:0 0 10px;}
.comments-closed { font-weight: bold;border-top:solid 1px #dcdcdc; padding-top:20px;}
.comments .reply {display: none;}

/* Comment form */
#respond {border-top:solid 1px #999; padding-top:20px;}
.respond-title { font-weight:bold;font-size: 3.2rem; margin-top: 3.2rem;}
#respond label {display:block; color: #666; letter-spacing: 1px; text-transform: uppercase; font-size: 1.6rem;}
#respond input[type="text"], #respond textarea {padding:10px; background: #fff; border:solid 1px #dcdcdc; margin:0; width:99%;}
#respond textarea {height:20rem;}	
#respond div {margin:0 0 20px;}
#respond h2 {text-align:center; font-size:2.4rem;}
#respond .form-allowed-tags {font-size: 1.4rem; line-height: 1.6rem;}
#submit {padding:10px 15px; color:#fff; background-color:#e25454; border:none; cursor: pointer; font-size: 1.8rem;
 font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
#submit:hover {background-color:#333333;}

/* Blog index */
.blog h1 {display: none; visibility: hidden;}
.blog .row {margin-bottom: 2rem;}
.blog section.ad #middle {background: none; padding: 0; margin:0;}
.blog section.ad {padding: 2rem 0; background: #ececec;}
.blog #bsap_1253136 .odd {background: #ececec; border: none; color: #dbcbd4; margin: 0; }

/* Work */
/*----------------------------------------*/
.work section {text-align: center;}
.work section[role=footer], .work .ad { background: #b0b0b0;}
.work section { position: relative; overflow: hidden;}
.work section.ad {padding-top: 4rem; background: #201c1c;}
.work #bsap_1253136 .odd {background: #201c1c; border: none; color: #dbcbd4; }
.work #bsap_1253136 a, .work #bsap_1253136 .bsa_it_t, .work #bsap_1253136 .bsa_it_d {color: #ddcece; }

#work-ca {background: #e5ecf2; padding-top: 4rem;}
#work-ca a { color:#3c6fa4;}
#work-gc {background: #4f6891; padding-top: 4rem; color: #fff;}
#work-gc a { color:#f4e47b;}
#work-kpt {background: #73d1b7; padding-top: 4rem;color: #fff;}
#work-kpt a { color:#208569;}
#work-wetc {background: #f59c45; padding-top: 4rem; color: #fff;}
#work-wetc a { color:#cc5521;}
#work-dr {background: #a5d7e3; padding-top: 4rem; }
#work-be {background: #393939; padding-top: 4rem; color: #fff;}
#work-be a { color:#cb6137;}

/* About me */
.about p {font-size: 2.1rem; line-height: 135%;}
.about #middle {background: #4D4142; color: #EDE7DA; padding-top: 6.4rem;}
.about #middle a {color:#F95658;}
.about .header .current_page_item a, .about  .header .current_page_parent a {color:#4D4142;}
.about img.avatar { border-radius: 50%;}
.about-more { font-weight: bold; padding-bottom: 4rem;}
.about section.ad #middle {background: none; padding: 0; margin:0;}
.about section.ad {padding: 2rem 0; background: #2e2728;}
.about #bsap_1253136 .odd { border: none; color: #2e2728; margin-bottom: 0;}
.about #bsap_1253136 a, .about #bsap_1253136 .bsa_it_t, .about #bsap_1253136 .bsa_it_d {color: #EDE7DA; }
.about h1, .about h2 {color:#E9C983;}
.about h2 { font-size: 2.4rem; font-weight: bold;}

/* Contact page */
.contact-me #middle {background: #f99670; padding: 6.4rem 0 3rem 0; color: #fff;}
.contact-me h1 {text-align:left; }
.contact-me h2 {font-weight:700; color: #d44e4e;}
.contact-me section.ad #middle {background: none; padding: 0; margin:0;}
.contact-me section.ad {padding: 2rem 0; background: #ef8760;}
.contact-me #bsap_1253136 .odd { border: none; color: #dbcbd4; margin-bottom: 0;}
.contact-me #bsap_1253136 a, .contact-me #bsap_1253136 .bsa_it_t, .contact-me #bsap_1253136 .bsa_it_d {color: #fff; }

.contact-me .header .current_page_item a, .contact-me .header .current_page_parent a {color:#f99670;}
.wpcf7 label {display:block;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {padding:10px; border:none;
	border-bottom: solid 3px #d44e4e; margin:0; width:100%; background: #fde9e1;}
.wpcf7 p {margin:0 0 2rem; }
#send-message { text-align:center;}
.wpcf7-submit {padding:10px 50px; color:#fff; background-color:#d44e4e; border:none; cursor: pointer;font-size:1em;}
#before-sending { font-style:italic;}
.wpcf7-form { margin:0 0 60px;}

/* Footer */
/* ------------------------------------------------ */
section[role=footer] { background: #fff;}
#footer { text-align:center; padding:30px 0; font-size:14px; color:#909090;}
#footer a  { margin:0 10px;}
#support { margin:0 0 2rem;}
#searchform .screen-reader-text {display:none;}
.search-input {padding:10px; border:solid 1px #909090; width:200px;}
.search-submit {padding:5px 15px; color:#fff; background-color:#333333; border:none; cursor: pointer; font-size:1.2em;}
.search-submit:hover {background-color:#000;}

/* Support for older posts */
/* ------------------------------------------------ */
.img-caption {display:block; font-style: italic;}
.post pre, .post code {font-family: Consolas, "Lucida Console", "Courier New", Courier; font-size: 1.6rem; color: #888; margin: 0 0 3.2rem;}

/* RESPONSIVE */
/* ------------------------------------------------ */

@media only screen and (max-width:480px) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	.col {margin-left: 2%;}
	.col:first-child { margin-left: 10%; }
	.wrapper { max-width:479px; width:95%; margin:0 auto; position:relative; }

	/* Header */
	.header { text-align: center; font-size: 1.2rem;}
	.menu {float: none;}
	#logo { display:block; color: #333; }	
	.header a { padding:5px;margin:0 10px 0 0;}

	/* Home */
	.home .col {float:none; display: block; width: 80%; margin:0 10%; margin-bottom: 3rem;}
	.home .col:first-child { margin-left: 10%; }
	#home-work { text-align: center;}
	.t-two-1 {font-size:4.8rem; margin-bottom: 1rem;}
	.t-two-2 {font-size:6.4rem;}
	#t-five {font-size:2rem;line-height: 135%;}
	#intro-image-container {display: none;}

	/* About, Contact, work 960px */
	.blog section[role=main], .about section {max-width:479px; width:100%; margin:0 auto; position:relative;}
	.about .col {float:none; display: block; width: 100%; margin:0; }
	.about img.avatar { display: none;}

	/* Blog index */
	.index-list .meta, .index-list .title {display: block; float:none; width:auto; margin: 0; padding: 0;}
	.index-list .meta {font-weight:400; color:#888; font-size: 1.4rem; text-transform: uppercase; display: block;
		text-align: left;}
	.index-list .title {margin:0; padding:0;}
	.blog .row {margin-bottom: 2rem;}	

	/* Blog */
	h1, h2, h3, h4 { margin:0 0 3.2rem;}
	body { font-size: 1.8rem; line-height: 135%;}
	h1 {font-size: 3.2rem; line-height: 3.6rem; font-weight: 700;}
	#blog-stats { display: block; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px;
		margin: 0 0 3rem;}
	.post h1 { font-size: 3.2rem; line-height: 3.6rem; font-weight: bold; padding: 1.8rem 0 0; /* uskladjivanje sa .post-meta */}
	.post h2 { font-size: 2.8rem; line-height: 3.6rem; font-weight: bold}
	.post h3 { font-size: 2.1rem; line-height: 3.6rem; font-weight: bold;}

	/* Work */
	.work h2 {font-size: 2.4rem; line-height: 2.4rem; font-weight: bold; text-align: center; margin:4rem 0 1rem;}
	.work .meta { font-size:1.2rem;  text-transform: uppercase; letter-spacing: 1px; text-align: center;
		margin:0 0 2rem;}
	.work .desc { text-align: center;margin-bottom:4rem;}	
}
@media only screen and (max-width:320px) {
	/* Home */
	.home .col {float:none; display: block; width: 90%; margin:0 5%; margin-bottom: 3rem;}
	.home .col:first-child { margin-left: 5%; }
	.t-two-1 {font-size:3rem; line-height: 3rem; margin-bottom: 0;}
	.t-two-2 {font-size:4rem;}
	#intro-image-container {display: none;}
	#t-five {font-size:1.4rem;line-height: 135%;}	
}
@media only screen and (min-width:481px) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	.col {margin-left: 2%;}
	.col:first-child { margin-left: 2%; }
	.wrapper { max-width:768px; width:95%; margin:0 auto; position:relative; }
	
	/* Header */
	.header { text-align: center;}
	.menu {float: none;}
	#logo { display:block; color: #333; }	
	.header a { padding:5px;margin:0 10px 0 0;}	

	/* Home */
	.home .col {float:none; display: block; width: 80%; margin:0 10%; margin-bottom: 3rem;}
	.home .col:first-child { margin-left: 10%; }
	#home-work { text-align: center;}
	#intro-image-container {display: none;}

	/* About, Contact, work 960px */
	.blog section[role=main], .about section[role=main] {max-width:780px; width:100%; margin:0 auto; position:relative;}	
	.col:first-child { margin-left: 0; }

	/* Blog index */
	.index-list .meta, .index-list .title {display: block; float:none; width:auto; margin: 0; padding: 0;}
	.index-list .meta {font-weight:400; color:#888; font-size: 1.4rem; text-transform: uppercase; display: block;
		text-align: left;}
	.index-list .title {margin:0; padding:0;}
	.blog .row {margin-bottom: 2rem;}

	/* Blog */
	h1, h2, h3, h4 { margin:0 0 3.2rem;}
	body { font-size: 2rem; line-height: 135%;}
	h1 {font-size: 3.2rem; line-height: 3.6rem; font-weight: 700;}
	#blog-stats { display: block; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; 
		margin: 0 0 3rem;}
	.post h1 { font-size: 3.6rem; line-height: 3.6rem; font-weight: bold; padding: 1.8rem 0 0; /* uskladjivanje sa .post-meta */}
	.post h2 { font-size: 3rem; line-height: 3.6rem; font-weight: bold}
	.post h3 { font-size: 2.4rem; line-height: 3.6rem; font-weight: bold;}

	/* Work */
	.work h2 {font-size: 2.8rem; line-height: 2.8rem; font-weight: bold; text-align: center; margin:4rem 0 1rem;}
	.work .meta { font-size:1.2rem; text-transform: uppercase; letter-spacing: 1px; text-align: center;
		margin:0 0 2rem;}
	.work .desc { text-align: center;margin-bottom:4rem;}	
}
@media only screen and (min-width:768px) {
	/* Home */
	.home .col {float:left; display: block; width:auto; margin: 0; }
	.home .span_1 { width: 6.5%; }
	.home .span_2 { width: 15.0%; }
	.home .span_3 { width: 23.5%; }
	.home .span_4 { width: 32.0%; }
	.home .span_5 { width: 40.5%; }
	.home .span_6 { width: 49.0%; }
	.home .span_7 { width: 57.5%; }
	.home .span_8 { width: 66.0%; }
	.home .span_9 { width: 74.5%; }
	.home .span_10 { width: 83.0%; }
	.home .span_11 { width: 91.5%; }
	.home .span_12 { width: 100%; }

	.t-two-1 {font-size:5.2rem; margin-bottom: 1rem;}
	.t-two-2 {font-size:7rem;}

	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	.col {margin-left: 2%;}
	.col:first-child { margin-left: 0; }
	.wrapper { max-width:959px; width:95%; margin:0 auto; position:relative; }

	.home .col {margin-left: 2%;}
	.home .col:first-child { margin-left: 0; }
	#home-work { text-align: left;}
	#intro-image-container {display: block;}

	#logo { display:block; padding: 0;  color: #333; float: left; }	
	.menu {float: right;}

	/* About, Contact, work 960px */
	.blog section[role=main], .about section[role=main] {max-width:960px; width:100%; margin:0 auto; position:relative;}	

	/* Blog index */
	.index-list .meta, .index-list .title {display: block; float:left;}
	.index-list .meta {width: 23.5%; font-weight:400; color:#888; font-size: 1.4rem; text-transform: uppercase; display: block;
		text-align: left;}
	.index-list .title {width: 74.5%; margin-left:2%; padding:0;}
	.blog .row {margin-bottom: 2rem;}	

	/* Blog */
	.post, section[role=comments], .contact-me section[role=main] {max-width:720px; width:100%; margin:0 auto; position:relative; }
	body { font-size: 2rem; line-height: 150%;}
	h1, h2, h3, h4 { margin:0 0 3.2rem;}
	h1 {font-size: 5.2rem; line-height: 5.6rem; font-weight: 700;}
	#blog-stats { display: block; font-size: 1.8rem; text-transform: uppercase; letter-spacing: 1px;
		margin: 0 0 3rem;}
	.post h1 { font-size: 4.2rem; line-height: 5.2rem; font-weight: bold; padding: 1.8rem 0 0; /* uskladjivanje sa .post-meta */}
	.post h2 { font-size: 3.6rem; line-height: 3.6rem; font-weight: bold}
	.post h3 { font-size: 2.4rem; line-height: 3.6rem; font-weight: bold;}

	/* Work */
	.work h2 {font-size: 3.2rem; line-height: 3.2rem; font-weight: bold; text-align: center; margin:4rem 0 1rem;}
	.work .meta { font-size:1.2rem; text-transform: uppercase; letter-spacing: 1px; text-align: center;
		margin:0 0 2rem;}
	.work .desc { text-align: center; margin-bottom:4rem;}		
}
@media only screen and (min-width:960px) {
	/* Home */
	.home .col {float:left; display: block; width:auto; margin: 0; }
	.home .span_1 { width: 6.5%; }
	.home .span_2 { width: 15.0%; }
	.home .span_3 { width: 23.5%; }
	.home .span_4 { width: 32.0%; }
	.home .span_5 { width: 40.5%; }
	.home .span_6 { width: 49.0%; }
	.home .span_7 { width: 57.5%; }
	.home .span_8 { width: 66.0%; }
	.home .span_9 { width: 74.5%; }
	.home .span_10 { width: 83.0%; }
	.home .span_11 { width: 91.5%; }
	.home .span_12 { width: 100%; }
	
	.t-two-1 {font-size:6rem; margin-bottom: 2.4rem;}
	.t-two-2 { font-size:8.5rem;}

	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	.col {margin-left: 2%;}
	.col:first-child { margin-left: 0; }
	.wrapper { max-width:960px; width:95%; margin:0 auto; position:relative; }

	.home .col {margin-left: 2%;}
	.home .col:first-child { margin-left: 0; }
	#home-work { text-align: left;}
	#intro-image-container {display: block;}

	#logo { display:block; padding: 0; color: #333; float: left; }	
	.menu {float: right;}

	/* About, Contact, work 960px */
	.blog section[role=main], .about section[role=main] {max-width:960px; width:100%; margin:0 auto; position:relative;}	
	
	/* Blog index */
	.index-list .meta, .index-list .title {display: block; float:left;}
	.index-list .meta {width: 23.5%; font-weight:400; color:#888; font-size: 1.4rem; text-transform: uppercase; display: block;
		text-align: left;}
	.index-list .title {width: 74.5%; margin-left:2%; padding:0;}
	.blog .row {margin-bottom: 2rem;}
	
	/* Blog */
	.post, section[role=comments], .contact-me section[role=main] {max-width:720px; width:100%; margin:0 auto; position:relative; }	
	body { font-size: 2.2rem; line-height: 160%;}
	h1, h2, h3, h4 { margin:0 0 3.2rem;}
	h1 {font-size: 5.2rem; line-height: 5.6rem; font-weight: 700;}
	#blog-stats { display: block; font-size: 1.8rem; text-transform: uppercase; letter-spacing: 1px; }
	.post h1 { font-size: 4.2rem; line-height: 5.2rem; font-weight: bold; padding: 1.8rem 0 0; /* uskladjivanje sa .post-meta */}
	.post h1 { margin: 0 0 1rem;}
	.post h2 { font-size: 3.6rem; line-height: 3.6rem; font-weight: bold}
	.post h3 { font-size: 2.4rem; line-height: 3.6rem; font-weight: bold;}

	/* Work */
	.work h2 {font-size: 4.6rem; line-height: 4.6rem; font-weight: bold; text-align: center; margin:4rem 0 1rem;}
	.work .meta { font-size:1.2rem; text-transform: uppercase; letter-spacing: 1px; text-align: center;
		margin:0 0 2rem;}
	.work .desc { text-align: center; margin-bottom:4rem;}	

}

/* MISC */
/*------------------------------------*/
::selection { background:#e25454;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#e25454;color:#FFF;text-shadow:none;}
::-moz-selection {background:#e25454;color:#FFF;text-shadow:none;}

/* WORDPRESS CORE */
/*------------------------------------*/
.alignnone {margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption .wp-caption-text, .gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}