/*** MEDIA QUERIES ***/
@media (min-width: 100px) and (max-width:820px) {
	.item {
		width: 33.3333%;
	}
}
@media (min-width: 100px) and (max-width:768px) {
	.item {
		width: 50%;
	}
	.ss-wrapper .ss-controls-direction .ss-prev {
		left: -15px;
	}
	.ss-wrapper .ss-controls-direction .ss-next {
		right: -15px;
	}
	.logo {
		float: none;
		margin-bottom: 15px;
	}
	#intro {
		font: 18px/28px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 30px 0 60px;
	}
	h1 {
		font-size: 44px;
		line-height: 44px;
	}
	h1 a span[class^="icon-"], h1 a span [class*=" icon-"] {
		font-size: 20px;
		line-height: 44px;
		margin-left: -20px;
		padding-right: 0;
	}
	#intro h1 span {
		display: block;
		font-size: 30px;
		line-height: 34px;
	}
	h2 {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.band {
		padding: 50px 0 10px;
	}
	.band.portfolio.comments.clearfix {
		padding-right: 0;
	}
	.center {
		padding-bottom: 30px;
	}
	.title {
		padding: 35px 0 45px;
	}
	.icons-column, .list-column {
		padding: 0 15px 40px;
		text-align: center;
		width: 50%;
	}
	.fifty,.fifty.content,.fifty.right {
		float: none;
		padding: 0 0 40px;
		text-align: center;
		width: 100%;
	}
	.fifty img {
		margin-bottom: 0;
	}
	.columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.buttons {
		display: block;
		padding-top: 0;
	}
	a.button, .item .colour, .form form input[type=button], .form form input[type=submit] {
		display: block;
		font-size: 20px;
		line-height: 50px;
		padding: 0 15px;
		text-align: center;
	}
	.buttons .button {
		margin: 20px 0 0;
	}
	.buttons .gap {
		margin-left: 0;
	}
	#item-controls {
		margin-bottom: 20px;
	}
	#item-controls p,#item-controls ul {
		float: none;
	}
	#item-controls ul li {
		margin: 5px 0;
	}
	#item-controls a {
		margin-left: 0;
		margin-right: 10px;
	}
	.portfolio {
		padding: 30px 0 60px;
	}
	.portfolio h2 {
		font-size: 28px;
		line-height: 28px;
	}
	.portfolio h2 span {
		font-size: 22px;
		line-height: 22px;
	}
	.portfolio h4 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.portfolio .icons-column {
		text-align: left;
	}
	.portfolio .icons-column p {
		margin-bottom: 8px;
	}
	.ss-wrapper {
		margin-bottom: 15px;
		padding-top: 0;
	}
	.ss-wrapper .slide {
		padding-bottom: 20px;
	}
	#quotes {
		margin-bottom: 20px;
		margin-left: 0;
	}
	.feedback {
		margin: 20px 0;
		padding: 0;
		width: 100%;
	}
	table th, table td {
		font: 16px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 15px;
		padding-left: 0;
	}
	table td {
		padding-right: 0;
	}
	.fifty.contact,.fifty.form {
		padding: 0;
		text-align: left;
	}
	.fifty.form {
		border-left: none;
		margin-top: 40px;
		min-height: inherit;
	}
	.form form label {
		font-size: 17px;
	}
	.form form input[type=text], .form form input[type=password], .form form textarea, select {
		font-size: 16px;
		line-height: 18px;
		padding: 10px;
	}
	.form form #answer {
		font-size: 14px;
		line-height: 16px;
		padding: 12px 0;
	}
	.map {
		margin-top: -20px;
	}
	#location a {
		display: inline-block;
		font-size: 18px;
		padding: 0 10px;
	}
	#location a span {
		line-height: 50px;
		margin: 0 10px 0 -10px;
		width: 50px;
	}
	#footer {
		padding: 15px 0 30px;
	}
	#footer a[class^="icon-"], #footer a[class*=" icon-"] {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (min-width: 100px) and (max-width:420px) {
	#intro {
		text-align: center;
	}
	h1,h1 span[class^="icon-"], h1 span [class*=" icon-"] {
		font-size: 34px;
		line-height: 34px;
	}
	h1 a span[class^="icon-"], h1 a span [class*=" icon-"] {
		line-height: 34px;
	}
	#intro h1 span {
		font-size: 20px;
		line-height: 24px;
	}
	.icons-column, .list-column {
		float: none;
		width: 100%;
	}
	.item {
		margin-bottom: 20px;
		width: 100%;
	}
	.ss-controls-direction {
		bottom: 21px;
		top: auto;
	}
	.ss-wrapper .ss-controls-direction a {
		font-size: 21px;
		height: 21px;
		line-height: 21px;
		top: 0;
		width: 21px;
		z-index: 2;
	}
	.ss-wrapper .ss-controls-direction .ss-prev {
		left: -5px;
	}
	.ss-wrapper .ss-controls-direction .ss-next {
		right: -5px;
	}
	.service {
		font-size: 15px;
		padding: 20px;
	}
	.service span {
		display: block;
		float: none;
		font-size: 60px;
		margin: 0 auto 15px;
		text-align: center;
	}
	.service h3 {
		font-size: 26px;
		line-height: 26px;
		text-align: center;
	}
	.service .service-info {
	}
	.feedback {
		text-align: center;
	}
	.quote {
		padding: 20px;
	}
	.quote img {
		float: none;
		margin: 0;
	}
	table th, table td {
		padding: 10px;
		padding-left: 0;
	}
	#footer p {
		font-size: 14px;
		line-height: 18px;
		margin-top: 10px;
	}
	#footer .wrap p:first-child {
		margin: 0 -20px;
	}
}