@charset "utf-8";
/*
Template Name: RS-3 Clean
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Media Queries CSS
*/

/* 240 */

@media screen and (min-width:180px) and (max-width:294px){
	#header, #container, #copyright, #footer {max-width:90%; margin:0 auto;}
	.one_half, .two_third, 
	.one_third, .two_third, .three_third, 
	.one_quarter, .two_quarter, .three_quarter, .four_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	.more{text-align:right; clear:both;}
	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}
	#container{padding:30px 0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	aside h2{text-align:left;}
	#container #homepage #shout{margin-bottom:30px;}
	#container #homepage #shout h1{font-size:4em; line-height:normal;}
	#container #homepage #services figure header{font-size:3.6em; margin-bottom:10px;}
	#container #homepage #services figure ul li{display:block; position:relative; float:none; width:100%; margin:0 0 20px 0; text-align:center;}
	#container #homepage #services figure ul li a{padding-bottom:10px;}
	#container #homepage #services figure ul li a:hover strong{}
	#container #homepage #services figure figcaption{text-align:center;}
	#container #homepage #intro article h1{font-size:3.6em;}
	#container #homepage #intro article p{font-size:1em; text-align:left;}
	#portfolio li{float:none; width:100%; margin:0 0 25px 0;}
	#portfolio article figure img{margin-bottom:15px;}
	#portfolio article figure figcaption{float:none; width:100%;}
	#gallery figure ul li a{padding:2px;}
	#gallery figure ul li{margin-bottom:5px;}
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
	}

/* 295 */

@media screen and (min-width:295px) and (max-width:319px){
	#header, #container, #copyright, #footer {max-width:90%; margin:0 auto;}
	.one_half, .two_third, 
	.one_third, .two_third, .three_third, 
	.one_quarter, .two_quarter, .three_quarter, .four_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	.more{text-align:right; clear:both;}
	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}
	#container{padding:30px 0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	aside h2{text-align:left;}
	#container #homepage #shout{margin-bottom:30px;}
	#container #homepage #shout h1{font-size:4em; line-height:normal;}
	#container #homepage #services figure header{font-size:3.6em; margin-bottom:10px;}
	#container #homepage #services figure ul li{display:block; position:relative; float:none; width:85%; margin:0 auto 20px; text-align:center;}
	#container #homepage #services figure ul li.last{margin:0 auto 20px;}
	#container #homepage #services figure ul li a{padding-bottom:10px;}
	#container #homepage #services figure ul li a:hover strong{}
	#container #homepage #services figure figcaption{text-align:center;}
	#container #homepage #intro article h1{font-size:3.6em;}
	#container #homepage #intro article p{font-size:1em; text-align:left;}
	#portfolio li{float:none; width:100%; margin:0 0 25px 0; text-align:center;}
	#portfolio article figure img{margin:0 auto 15px;}
	#portfolio article figure figcaption{float:none; width:100%; text-align:left;}
	#gallery figure ul li a{padding:2px;}
	#gallery figure ul li{margin-bottom:5px;}
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
	}

/* 320px */

@media screen and (min-width:320px) and (max-width:360px){
	#header, #container, #copyright, #footer {max-width:90%; margin:0 auto;}
	.one_half, .two_third, 
	.one_third, .two_third, .three_third, 
	.one_quarter, .two_quarter, .three_quarter, .four_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	.more{text-align:right; clear:both;}
	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}
	#container{padding:30px 0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	aside h2{text-align:left;}
	#container #homepage #shout{margin-bottom:30px;}
	#container #homepage #shout h1{font-size:4em; line-height:normal;}
	#container #homepage #services figure header{font-size: 1.2em;margin-bottom:10px;}
	#container #homepage #services figure ul li{display:block; float:none; width:73%; margin:0 auto 20px;}
	#container #homepage #services figure ul li.last{margin:0 auto 20px;}
	#container #homepage #services figure ul li a{padding-bottom:10px;}
	#container #homepage #services figure ul li a:hover strong{}
	#container #homepage #services figure figcaption{text-align:center;}
	#container #homepage #intro article h1{font-size:3.6em;}
	#container #homepage #intro article p{font-size:1.3em; text-align:center;}
	#portfolio li{float:none; width:100%; margin:0 0 25px 0; text-align:center;}
	#portfolio article figure img{margin:0 auto 15px;}
	#portfolio article figure figcaption{float:none; width:100%; text-align:left;}
	#gallery figure ul li a{padding:2px;}
	#gallery figure ul li{margin-bottom:10px;}
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
	}

/* 480px */

@media screen and (min-width:361px) and (max-width:620px){
	#header, #container, #copyright, #footer {max-width:95%; margin:0 auto;}
	.more{text-align:right; clear:both;}
	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	aside h2{text-align:left;}
	#container #homepage #shout{margin-bottom:30px;}
	#container #homepage #shout h1{font-size:8em; line-height:normal;}
	#container #homepage #services figure header{font-size:3.6em; margin-bottom:10px;}
	#container #homepage #services figure ul li a{padding-bottom:10px;}
	#container #homepage #services figure ul li a strong{width:90%; height:auto; padding:5%; font-size:1em;}
	#container #homepage #intro article h1{font-size:3.6em;}
	#container #homepage #intro article p{font-size:1.3em; text-align:center;}
	#portfolio li{margin-bottom:25px; text-align:center;}
	#portfolio article figure img{margin:0 0 25px 0;}
	#portfolio article figure figcaption{float:none; width:100%; text-align:left;}
	#gallery figure ul li a{padding:5px;}
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
	}

/* 768px */

@media screen and (min-width:621px) and (max-width:800px){
	#header, #container, #copyright, #footer {max-width:95%; margin:0 auto;}
	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#topnav li{margin-bottom:15px;}
	#container #homepage #shout{margin-bottom:30px;}
	#container #homepage #shout h1{font-size:12.5em; line-height:normal;}
	#container #homepage #services figure header{font-size:5em;}
	#container #homepage #services figure ul li a strong{width:90%; height:auto; padding:5%; font-size:1.2em;}
	#container #homepage #intro article h1{font-size:5em;}
	#portfolio article figure img{float:left; width:45%;}
	#portfolio article figure figcaption{display:block; float:right; width:50%; line-height:inherit;}
	}

/* 960px */

@media screen and (min-width:960px){
	#header, #container, #copyright, #footer {max-width:960px; margin:0 auto;}
	}