@media screen and (max-width:294px) and (min-width:180px)
{
#header {
	margin: 0px auto; max-width: 90%;
}
#shout {
	margin: 0px auto; max-width: 90%;
}
#container {
	margin: 0px auto; max-width: 90%;
}
#copyright {
	margin: 0px auto; max-width: 90%;
}
.one_half {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.four_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.four_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.five_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.more {
	text-align: right; clear: both;
}
#header hgroup {
	margin: 0px 0px 15px; padding: 0px; width: 100%; text-align: center; float: none; display: block;
}
#header #topnav {
	margin: 0px auto; padding: 0px; width: 100%; float: none; display: block;
}
#container {
	padding: 30px 0px;
}
#container #content {
	width: auto; margin-bottom: 50px; float: none;
}
#container #right_column {
	width: auto; margin-bottom: 50px; float: none;
}
aside h2 {
	text-align: left;
}
#shout figure div {
	width: 100%; text-align: center; float: none;
}
#shout figure figcaption {
	width: 100%; margin-bottom: 15px; float: none;
}
#shout figure figcaption h1 {
	margin: 0px 0px 15px; font-size: 2em; display: block;
}
#homepage {
	padding: 0px;
}
#homepage #latest_work {
	margin-bottom: 20px;
}
#homepage #latest_work article {
	margin-bottom: 20px;
}
#homepage #latest_work article img {
	margin-bottom: 20px;
}
#homepage #intro article {
	margin-bottom: 20px;
}
#homepage #intro article h2 {
	margin-bottom: 20px;
}
#homepage #latest_work {
	padding-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#homepage #intro article {
	padding-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#homepage #intro article.last {
	padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#homepage #intro article ul.testimonials li {
	background: none;
}
#homepage #intro article ul.testimonials li p.name {
	margin: 0px 0px 20px; padding: 0px;
}
#homepage #intro article ul li figure div.imgl {
	margin: 0px 0px 10px; float: none; display: inline-block;
}
#portfolio ul li {
	margin: 0px 0px 20px; padding: 0px; width: 100%; float: none; display: block;
}
#gallery figure ul li {
	margin: 0px 0px 20px; padding: 0px; width: 100%; float: none; display: block;
}
#portfolio ul li.last {
	margin-bottom: 0px;
}
#gallery ul li.last {
	margin-bottom: 20px;
}
#header {
	text-align: center;
}
#copyright {
	text-align: center;
}
#copyright p {
	line-height: 1.6em; float: none;
}
#copyright p:first-child {
	margin-bottom: 8px;
}
}
@media screen and (max-width:319px) and (min-width:295px)
{
#header {
	margin: 0px auto; max-width: 90%;
}
#shout {
	margin: 0px auto; max-width: 90%;
}
#container {
	margin: 0px auto; max-width: 90%;
}
#copyright {
	margin: 0px auto; max-width: 90%;
}
.one_half {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.four_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.four_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.five_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.more {
	text-align: right; clear: both;
}
#header hgroup {
	margin: 0px 0px 15px; padding: 0px; width: 100%; text-align: center; float: none; display: block;
}
#header #topnav {
	margin: 0px auto; padding: 0px; width: 100%; float: none; display: block;
}
#container {
	padding: 30px 0px;
}
#container #content {
	width: auto; margin-bottom: 50px; float: none;
}
#container #right_column {
	width: auto; margin-bottom: 50px; float: none;
}
aside h2 {
	text-align: left;
}
#shout figure div {
	width: 100%; text-align: center; float: none;
}
#shout figure figcaption {
	width: 100%; margin-bottom: 15px; float: none;
}
#shout figure figcaption h1 {
	margin: 0px 0px 15px; font-size: 2.6em; display: block;
}
#homepage {
	padding: 0px;
}
#homepage #latest_work {
	margin-bottom: 20px;
}
#homepage #latest_work article {
	margin-bottom: 20px;
}
#homepage #latest_work article img {
	margin-bottom: 20px;
}
#homepage #intro article {
	margin-bottom: 20px;
}
#homepage #intro article h2 {
	margin-bottom: 20px;
}
#homepage #latest_work {
	padding-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#homepage #intro article {
	padding-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#homepage #intro article.last {
	padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#homepage #intro article ul.testimonials li {
	background: none;
}
#homepage #intro article ul.testimonials li p.name {
	margin: 0px 0px 20px; padding: 0px;
}
#homepage #intro article ul li figure div.imgl {
	margin: 0px 0px 10px; float: none; display: inline-block;
}
#portfolio ul li {
	margin: 0px 0px 20px; padding: 0px; width: 100%; text-align: center; float: none; display: block;
}
#portfolio ul li.last {
	margin-bottom: 0px;
}
#portfolio ul li article figure figcaption {
	margin: 0px auto; width: 70%; text-align: center; color: rgb(102, 102, 102); display: block; background-color: rgb(232, 232, 232);
}
#gallery figure header {
	margin: 0px 5px 15px;
}
#gallery figure figcaption {
	margin: 0px 5px 15px;
}
#gallery figure ul li {
	margin: 0px 5px 15px; padding: 0px; width: 46.22%; float: left; display: block;
}
#header {
	text-align: center;
}
#copyright {
	text-align: center;
}
#copyright p {
	line-height: 1.6em; float: none;
}
#copyright p:first-child {
	margin-bottom: 8px;
}
}
@media screen and (max-width:360px) and (min-width:320px)
{
#header {
	margin: 0px auto; max-width: 90%;
}
#shout {
	margin: 0px auto; max-width: 90%;
}
#container {
	margin: 0px auto; max-width: 90%;
}
#copyright {
	margin: 0px auto; max-width: 90%;
}
.one_half {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_third {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.four_quarter {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.one_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.two_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.three_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.four_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.five_fifth {
	margin: 0px 0px 2%; padding: 0px; width: auto; float: none; display: block;
}
.more {
	text-align: right; clear: both;
}
#header hgroup {
	margin: 0px 0px 15px; padding: 0px; width: 100%; text-align: center; float: none; display: block;
}
#header #topnav {
	margin: 0px auto; padding: 0px; width: 100%; float: none; display: block;
}
#container {
	padding: 30px 0px;
}
#container #content {
	width: auto; margin-bottom: 50px; float: none;
}
#container #right_column {
	width: auto; margin-bottom: 50px; float: none;
}
aside h2 {
	text-align: left;
}
#shout figure div {
	width: 100%; text-align: center; float: none;
}
#shout figure figcaption {
	width: 100%; margin-bottom: 15px; float: none;
}
#shout figure figcaption h1 {
	margin: 0px 0px 15px; font-size: 2.6em; display: block;
}
#homepage {
	padding: 0px;
}
#homepage #latest_work {
	margin-bottom: 20px;
}
#homepage #latest_work article {
	margin-bottom: 20px;
}
#homepage #latest_work article img {
	margin-bottom: 20px;
}
#homepage #intro article {
	margin-bottom: 20px;
}
#homepage #intro article h2 {
	margin-bottom: 20px;
}
#homepage #latest_work {
	padding-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#homepage #intro article {
	padding-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#homepage #intro article.last {
	padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#homepage #intro article ul.testimonials li {
	background: none;
}
#homepage #intro article ul.testimonials li p.name {
	margin: 0px 0px 20px; padding: 0px;
}
#homepage #intro article ul li figure div.imgl {
	margin: 0px 0px 10px; float: none; display: inline-block;
}
#portfolio ul li {
	margin: 0px 0px 20px; padding: 0px; width: 100%; text-align: center; float: none; display: block;
}
#portfolio ul li.last {
	margin-bottom: 0px;
}
#portfolio ul li article figure figcaption {
	margin: 0px auto; width: 65%; text-align: center; color: rgb(102, 102, 102); display: block; background-color: rgb(232, 232, 232);
}
#gallery figure header {
	margin: 0px 5px 15px;
}
#gallery figure figcaption {
	margin: 0px 5px 15px;
}
#gallery figure ul li {
	margin: 0px 5px 15px; padding: 0px; width: 46.22%; float: left; display: block;
}
#header {
	text-align: center;
}
#copyright {
	text-align: center;
}
#copyright p {
	line-height: 1.6em; float: none;
}
#copyright p:first-child {
	margin-bottom: 8px;
}
}
@media screen and (max-width:599px) and (min-width:361px)
{
#header {
	margin: 0px auto; max-width: 95%;
}
#shout {
	margin: 0px auto; max-width: 95%;
}
#container {
	margin: 0px auto; max-width: 95%;
}
#copyright {
	margin: 0px auto; max-width: 95%;
}
.more {
	text-align: right; clear: both;
}
#header hgroup {
	margin: 0px 0px 15px; padding: 0px; width: 100%; float: none; display: block;
}
#header #topnav {
	margin: 0px auto; padding: 0px; width: 100%; float: none; display: block;
}
#container #content {
	width: auto; margin-bottom: 50px; float: none;
}
#container #right_column {
	width: auto; margin-bottom: 50px; float: none;
}
aside h2 {
	text-align: left;
}
#shout figure div {
	width: 100%; text-align: center; float: none;
}
#shout figure figcaption {
	margin: 0px auto 15px; width: 95%; float: none;
}
#shout figure figcaption h1 {
	margin: 0px 0px 15px; font-size: 2.6em; display: block;
}
#homepage #intro article ul li figure div.imgl {
	margin: 0px 0px 10px; float: none; display: inline-block;
}
#portfolio ul li {
	margin: 0px 10px 15px; padding: 0px; width: 45.6%; float: left; display: block;
}
#copyright p {
	float: none;
}
#copyright p:first-child {
	margin-bottom: 8px;
}
}
@media screen and (max-width:767px) and (min-width:600px)
{
#header {
	margin: 0px auto; max-width: 95%;
}
#shout {
	margin: 0px auto; max-width: 95%;
}
#container {
	margin: 0px auto; max-width: 95%;
}
#copyright {
	margin: 0px auto; max-width: 95%;
}
#header hgroup {
	margin: 0px 0px 15px; padding: 0px; width: 100%; float: none; display: block;
}
#topnav li {
	margin-bottom: 15px;
}
#shout {
	padding: 0px;
}
#shout figure figcaption h1 {
	font-size: 2.6em; margin-top: 8%; display: block;
}
#shout figure figcaption p {
	line-height: 1.6em; font-size: 0.8em;
}
#homepage #intro article ul li figure div.imgl {
	margin: 0px 0px 10px; float: none; display: inline-block;
}
}
@media screen and (max-width:959px) and (min-width:768px)
{
#header {
	margin: 0px auto; max-width: 95%;
}
#shout {
	margin: 0px auto; max-width: 95%;
}
#container {
	margin: 0px auto; max-width: 95%;
}
#copyright {
	margin: 0px auto; max-width: 95%;
}
#header hgroup {
	margin: 0px 0px 15px; padding: 0px; width: 100%; float: none; display: block;
}
#topnav li {
	margin-bottom: 15px;
}
#shout {
	padding: 0px;
}
#shout figure figcaption h1 {
	font-size: 3.5em; margin-top: 10%;
}
}
@media screen and (min-width:960px)
{
#header {
	margin: 0px auto; max-width: 960px;
}
#shout {
	margin: 0px auto; max-width: 960px;
}
#container {
	margin: 0px auto; max-width: 960px;
}
#copyright {
	margin: 0px auto; max-width: 960px;
}
}