/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

html { font-size: 87.5%; }

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font-size: 1rem; line-height: 1.5rem; font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #4e4e4e;}

a, li.here ul li a, li.parent_here ul li a   {color: #909699;}
a:hover, li.here a, li.parent_here a, li.here ul li a:hover, li.here ul li a.here, li.parent_here ul li.here a {color: #1F2026;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #1F2026; color: #fff; text-shadow: none;}
::selection {background: #1F2026; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #1F2026;} 

ins {background-color: #1F2026; color: #fff; text-decoration: none;}
mark {background-color: #1F2026; color: #fff; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {color:#a9a9a9;}
textarea:-moz-placeholder {color:#a9a9a9;}

.clearboth {
	clear: both;
}

img {
	display: block;
	height: auto;
	width: 100%;
}

strong {
	font-weight: 400;
	color: #1F2026;
}

.wrapper {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	zoom: 1;
}

.wrapper:before, .wrapper:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.wrapper:after { clear: both; }

header {
	float: left;
	width: 100%;
	padding: 20px 0 0;
	padding: 1.25rem 0 0;
}
	
	header .logo {
		max-width: 130px;
		float: left;
		margin-bottom: 16px;
	}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	nav ul li {
		display: block;
		padding: 8px 0;
		padding: 0.5rem 0;
	}

	nav .mobile ul li {
		padding: 8px 12px;
		padding: 0.5rem 0.8rem;
	}
	
	nav ul li a {
		text-decoration: none;
	}

	nav.social {
		float: right;
		margin-bottom: 20px;
		margin-bottom: 1.25rem;
	}
	
		nav.social li {
			float: left;
			padding: 2.5px 0 0 16px;
			padding: 0.125rem 0 0 1rem;
		}
	
	nav.main-nav {
		float: left;
		width: 100%;
	}
	
	nav.main-nav .mobile ul {
		float: left;
		background: #f7f8fa;
	}
	
		nav.main-nav li {
			float: left;
			width: 100%;
			font-size: 21px;
			font-size: 1.313rem;
			border-bottom: 1px solid #9D9C9C;
		}
		
			nav.main-nav li a {
				display: block;
			}

				/* mobile nav show/hide */
				.js nav.main-nav ul {
				    display: none;
				}

				.js nav.main-nav.js-menu-open ul {
				    display: block;
				}
				
		nav.main-nav .menu-toggle {
			display: block;
			padding: 8px;
			padding: 0.5rem;
			font-size: 18px;
			font-size: 1.125rem;
			border-top: 1px solid #9D9C9C;
			border-bottom: 1px solid #9D9C9C;
			text-decoration: none;
			text-transform: uppercase;
			background: #f2f3f5;
		}
		
		nav.main-nav .menu-toggle span {
			background-color: #000;
			border-radius: 1px;
			display: block;
			height: 2px;
			margin: 4px 4px;
			width: 26px;
		}
				
	nav.main-nav #nav_sub ul {
		float: left;
		width: 98%;
		margin-left: 2%;
		margin-top: 1%;
	}
	
		nav.main-nav #nav_sub ul li {
			border: 0;
			font-size: 14px;
			font-size: 0.95rem;
		}
		
			nav.main-nav #nav_sub ul li a {
				display: block;
			}
	
	.search {
		clear: both;
		float: right;
		margin-top: -0.5rem;
	}
	
	.projects .breaker.notop {
		float: left;
		width: 100%;
	}
	
	#accordion {
		width: 100%;
	}
	
		#accordion h3 {
			width: 100%;
			background:  url('http://www.fraserrandall.co.uk/images/common/dropdown.png') right no-repeat;
			background-size: 92px 15px;
			cursor: pointer;
			text-align: right;
			outline: none;
			padding-right: 40px;
		} 
	
		#accordion h3.ui-accordion-header-active {
			background:  url('http://www.fraserrandall.co.uk/images/common/dropdown-over.png') right no-repeat;
			background-size: 92px 15px;
		}
		
		#accordion div {
			width: 100%;
			display: none;
		}
		
			#accordion ul {
				padding-right: 12px;
			}
		
			#accordion ul:first-child {
				margin-top: 15px;
				border: 0;
			}
			
			#accordion li a {
				display: block;
				text-decoration: none;
				padding: 0 40px 6px 30px;
				text-align: right;
				background: url('http://www.fraserrandall.co.uk/images/common/filter.png') right 4px no-repeat;
			}
			
			#accordion li a:hover, #accordion li.active a {
				background: url('http://www.fraserrandall.co.uk/images/common/filter-over.png') right 4px no-repeat;
				color: #1F2026;
			}
	
	input {
		background: #f0f0f7;
		border: 0;
		padding: 9px 13px;
		padding: 0.5625rem 0.8125rem;
		min-width: 240px;
		font-size: 13px;
	}
	
	input[type=submit] {
		background: url('http://www.fraserrandall.co.uk/images/common/search.png') center no-repeat;
		padding: 9px;
		padding: 0.5625rem;
		width: 40px;
		min-width: auto;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	select, option {
	   -webkit-appearance: none;
   		-moz-appearance: none;
   		appearance: none;
		background: #f1f1f2;
		border: 0;
		padding: 9px;
		padding: 0.5625rem;
		font-size: 13px;
		border-radius: 0px;
		outline: 0px !important;
		box-shadow: none;
	}
	
	select {
		padding: 0 9px;
		background:  url('http://www.fraserrandall.co.uk/images/common/dropdown.png') right no-repeat;
		height: 30px;
		cursor: pointer;
	}
	
	option:focus, option:checked, select:focus > option:checked, select:focus > opt group > option:checked {
		background-color: #736f6c !important;
		color: #fff !important;
	}
	
.placeholder {
  margin: 0 0 27px;
  margin: 0 0 1.688rem;
}
	
.placeholder.hidden {
	visibility: hidden;
}

.slider {
	position: absolute;
	top: 1.688rem;
	left: 0;
	right: 0;
}

.content {
	position: relative;
	float: left;
	width: 100%;
	padding: 27px 0 0;
	padding: 1.688rem 0 0;
}

	.content article {
		position: relative;
		margin-bottom: 27px;
		margin-bottom: 1.688rem;
	}
	
		.desktop {
			display: none;
		}
		
		.mobile {
			display: block;
		}
	
	.content article.column a {
		display: block;
		position: relative;
	}
	
	.content article.column p a {
		display: inline;
	}
	
	.content h1 {
		font-size: 21px;
		font-size: 1.313rem;
		line-height: 32px;
		line-height: 2rem;
		font-weight: 400;
	}
	
	.content h2 {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 28px;
		line-height: 1.75rem;
		font-weight: 300;
		margin-bottom: 1rem;
	}
	
	.content h3 {
		font-size: 19px;
		font-size: 1.213rem;
		line-height: 27px;
		line-height: 1.688rem;
		font-weight: 300;
	}
	
	.content h4 {
		font-weight: 300;
		margin-bottom: 24px;
		margin-bottom: 1.5rem;
	}
	
	.content.projects {
		margin-bottom: 1rem;
	}
	
	.content h1, .content h2, .content h3 {
		color: #1F2026;
	}
	
	.content h2 span, .content h3 span {
		font-weight: bold;
	}
	
	.content p {
		margin-bottom: 20px;
		margin-bottom: 1.25rem;
		font-weight: 300;
	}
	
	.content a.column {
		position: relative;
		display: block;
		text-decoration: none;
		color: inherit;
	}
	
	.content.projects article p, .column.nobottom {
		margin-bottom: 0;
		clear: both;
	}
	
	.content article ul {
		margin: 40px;
		margin: 1.563rem;
	}
	
	.content article ul li {
		list-style: disc;
		padding: 5px;
		padding: 0.3125rem;
		font-size: 18px;
		font-size: 1.2rem;
	}
	
		.content article ul ul, .content article ol ul, .content article ol ol {
			margin: 10px 20px;
			margin: 1rem 1.25rem;
		}
	
		.content article ul ul li {
			list-style: circle;
		}
		
	.content article ol {
		margin: 20px;
		margin: 1.25rem;
		counter-reset: item;
		list-style: none;
	}
	
	.content article ol li {
		padding: 5px;
		padding: 0.3125rem;
		font-size: 18px;
		font-size: 1.2rem;
	}
		
		.content article ol li:before {
			content: counters(item, ".") ". ";
			counter-increment: item;
		} 
		
	.content article blockquote {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 34px;
		line-height: 2.125rem;
	}
	
	.content.projects, .content.nohead {
		padding: 15px 0 0;
		padding: 0.92rem 0 0;
	}
	
	.projects .column img {
	    margin-bottom: 0.625rem;
	}
	
	.column.fifth, .column.eighth {
		float: left;
		margin-left: 5%;
		width: 47.5%;
	}
	
	.column.fifth:nth-of-type(2n+1), .column.eighth:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
	
	article.column.on .overlay {
		opacity: 1;
		-webkit-transition: none !important;
  		-moz-transition: none !important;
  		-o-transition: none !important;
  		-ms-transition: none !important;
		transition: none !important;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	
	.join.column.on .overlay {
		background: rgba(204,147,66,0.8);
	}
	
	.news.column.on .overlay {
		background: rgba(28,38,69,0.8);
	}
	
	.join.column .overlay.no_image {
		background: rgba(204,147,66,1);
	}
	
	.news.column .overlay.no_image {
		background: rgba(28,38,69,1);
	}
	
	article.project.column a {
		text-decoration: none !important;
	}
	
		.column .overlay h3, .content .overlay p, .content .overlay a {
			color: #1f2026;
			text-align: left;
			margin: 0;
			text-decoration: none !important;
		}
	
		.column .overlay h3 {
			margin-bottom: 4px;
		}
		
		.column .overlay article {
			position: relative;
			margin-top: 0.625rem;
		}
		
		.news.column.on .overlay article {
			min-height: 90px;
			padding: 5%;
			margin-top: 0;
			top: 50%;
  			-webkit-transform: translateY(-50%);
  			-moz-transform: translateY(-50%);
  			-ms-transform: translateY(-50%);
  			-o-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	
		.news.column.on .overlay article h3, .news.column.on .overlay article p, .news.column.on .overlay article a {
			color: #fff;
			text-align: center;
		}
	
	.quote {
		clear: both;
		background: #F1F1F2;
		padding: 27px 27px 6px;
		padding: 1.688rem 1.688rem 0.4rem;
		margin: 27px 0;
		margin: 1.688rem 0;
	}
	
		.quote img {
			width: auto;
			margin-bottom: 20px;
			margin-bottom: 1.25rem;
		}
		
	.services {
		float: left;
		width: 100%;
		padding-bottom: 16px;
		padding-bottom: 1rem;
	}
		
	.services .column.half div {
		border-left: 6px solid #CC9342;
		padding-left: 20px;
		padding-left: 1.250rem;
		min-height: 140px;
	}
		
	.services h2 {
	    color: #CC9342;
	}
	
	.services article ul {
		margin-bottom: 0;
		padding-left: 20px;
		padding-left: 1.250rem;
	}
	
	.services article ul li {
		padding: 3px;
		padding: 0.188rem;
		font-size: 12px;
		font-size: 0.8rem;
	}
	
	.about, h4 {
		font-size: 18px;
		line-height: 24px;
	}
	
	.content article.about ul {
		margin: 0 !important;
		padding: 0;
	}
	
	.content article.about li {
		display: inline;
		list-style: none;
		padding: 0;
		font-weight: 300;
		color: #cc9342;
	}
	
	.content article.about li:nth-of-type(even) {
		color: #42898c;
	}
	
	.row {
		clear: both;
	}
	
	.rule {
		clear: both;
		border-bottom: 1px solid #9D9C9C;
		margin-bottom: 27px;
		margin-bottom: 1.688rem;
		height: 0;
	}
	
	.breaker {
		clear: both;
		border-bottom: 1px solid #9D9C9C;
		border-top: 1px solid #9D9C9C;
		padding: 25px 0;
		padding: 1.563rem 0;
		margin-bottom: 27px;
		margin-bottom: 1.688rem;
	}
	
	.breaker.notop {
		clear: both;
		border-bottom: 1px solid #9D9C9C;
		border-top: 0;
		padding: 0 0 16px 0;
		padding: 0 0 1rem 0;
		margin-bottom: 27px;
		margin-bottom: 1.688rem;
	}
	
		.breaker h1 {
			font-size: 27px;
			font-size: 1.688rem;
			line-height: 38px;
			line-height: 2.375rem;
			text-align: center;
			font-weight: 300;
		}
		
		.breaker blockquote {
			font-size: 28px;
			font-size: 1.75rem;
			line-height: 38px;
			line-height: 2.375rem;
			text-align: center;
			font-weight: 300;
			font-style: italic;
		}
		
		.breaker blockquote p {
			margin-bottom: 0;
		}
		
		.breaker blockquote p i {
			font-size: 75%;
		}
		
		.breaker .project-title {
			font-size: 28px;
			font-size: 1.75rem;
			clear: both;
			text-align: left;
		}
		
			.project-title span {
				color: #787d80;
			}
		
			.project-title span.small {
				font-size: 1.250rem;
			}
		
	aside img {
		margin-bottom: 27px;
		margin-bottom: 1.688rem;
	}

    .google-maps {
        position: relative;
        padding-bottom: 42.858%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
    .newsitem {
    	float: left;
    	border-bottom: 1px solid #9D9C9C;
    	padding-bottom: 25px;
    	padding-bottom: 1.688rem;
    }

	.content.contact article ul {
		margin: 0;
		margin-bottom: 16px;
		margin-bottom: 1rem;
		list-style: none;
	}

	.content.contact article ul li {
		font-size: inherit;
		list-style: none;
		padding: 0;
	}

footer {
	float: left;
	width: 100%;
	padding: 20px 0;
	padding: 1.25rem 0;
	border-top: 1px solid #787d80;
}

	footer .copyright {
		font-size: 12px;
		font-size: 0.85rem;
		line-height: 18px;
		line-height: 1.125rem;
	}

	footer .address {
		font-size: 15px;
		font-size: 0.9375rem;
		margin-bottom: 20px;
		margin-bottom: 1.25rem;
	}
	
	footer a {
		text-decoration: none;
	}
	
	footer li.twitter img {
		display: inline;
		max-width: 22px;
		margin-right: 2px;
	}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (min-width: 480px) {

html { font-size: 93.8%; }
	
	header .logo {
		float: left;
		max-width: 180px;
		margin-bottom: 20px;
		margin-bottom: 1.25rem;
	}
	
}

@media screen and (min-width: 640px) {
	
		.breaker h1 {
			font-size: 32px;
			font-size: 2.05rem;	
		}
	
		.breaker.notop .search, .breaker.notop h2 {
			margin-bottom: 0;
		}
		
		.breaker .project-title {
			clear: none;
		}
	
	.column.fifth {
		margin-left: 4%;
		margin-right: 0;
		width: 30.65%;
	}
	
	.column.fifth:nth-of-type(2n+1) {
		margin-left: 4%;
		clear: none;
	}
	
	.column.eighth:nth-of-type(2n+1) {
		margin-left: 2%;
		clear: none;
	}
	
	.column.fifth:nth-of-type(3n+1), .column.eighth:nth-of-type(4n+1) {
		margin-left: 0;
	}
	
	.column.eighth {
		margin-left: 2%;
		width: 23.5%;	
	}
	
	aside {
		float: left;
		width: 100%;
	}
	
	.about, h4 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.content article.about li {
		font-size: 31px;
		line-height: 40px;
	}
	
	.search {
		margin-bottom: 20px;
		margin-bottom: 1rem;
		margin-top: 2px;
	}
	
		#accordion h3 {
			font-size: 28px;
			font-size: 1.75rem;
			padding-right: 80px;
			background:  url('http://www.fraserrandall.co.uk/images/common/dropdown.png') right no-repeat;
			background-size: auto;
		} 
	
		#accordion h3.ui-accordion-header-active {
			background:  url('http://www.fraserrandall.co.uk/images/common/dropdown-over.png') right no-repeat;
			background-size: auto;
		}
		
			#accordion ul {
				float: left;
				margin-top: 15px;
				padding-right: 31px;
				border-left: 1px solid #939597;
			}

	.content.contact article ul li {
		display: inline;
		border-left: 1px solid #4e4e4e;
		padding: 0 16px;
		padding: 0 1rem;
	}

	.content.contact article ul li:first-child {
		border: 0;
		padding-left: 0;
	}
	
}

@media screen and (min-width: 900px) {

header {
	position: relative;
	padding: 20px 0;
	padding: 1.25rem 0;
	border-bottom: 1px solid #787d80;
}
	
	header .logo {
		margin-bottom: 0;
	}

	nav.main-nav ul li {
		padding: 0 0 0 25px;
		padding: 0 0 0 1.563rem;
	}
	
		nav.main-nav ul li:first-child, nav.main-nav #nav_sub ul li:first-child {
			padding: 0;
		}

			nav.main-nav ul li li {
				padding: 0 0 0 20px;
				padding: 0 0 0 1.25rem;
			}

			nav.main-nav .menu-toggle {
			    display: none;
			}

			/* always show menu when not mobile view */
			.js nav.main-nav ul {
			    display: block;
			}

	nav.social {
		width: 82px;
		margin-top: 41px;
		margin-top: 2.675rem;
		margin-bottom: 0;
	}
	
		nav.social a img {
			opacity: 0.5;
		}
		
		nav.social a:hover img {
			opacity: 1;
		}

	nav.main-nav {
		float: right;
		width: 500px;
		margin-top: 41px;
		margin-top: 2.675rem;
		margin-bottom: 16px;
		margin-bottom: 1rem;
	}
	
		nav.main-nav li {
			position: relative;
			float: left;
			font-size: 21px;
			font-size: 1.313rem;
			font-weight: 400;
			border: 0;
			width: auto;
		}
	
		nav.main-nav li:first-child {
			border-top: 0;
		}
		
			nav.main-nav li a {
				display: block;
			}

	nav.main-nav #nav_sub ul {
		position: absolute;
		left: 1.563rem;
		top: 1.6rem;
		width: 510px;
		margin-left: 0;
		margin-top: 6px;
		margin-top: 0.375rem;
	}
	
		nav.main-nav #nav_sub ul li {
			float: left;
		}
	
	nav.main-nav #nav_sub li:first-child ul {
		left: 0;
	}
	
	.content.noheadmobile {
		padding: 15px 0 0;
		padding: 0.92rem 0 0;
	}
	
	.breaker.notopmobile {
		clear: both;
		border-bottom: 1px solid #9D9C9C;
		border-top: 0;
		padding: 0 0 16px 0;
		padding: 0 0 1rem 0;
		margin-bottom: 27px;
		margin-bottom: 1.688rem;
	}
	
		.desktop {
			display: block;
		}
		
		.mobile {
			display: none;
		}
	
	.search input {
		min-width: 0;
	}
	
	.full {
		width: 100%;
	}
	
	.half {
		float: left;
		width: 50%;
	}
	
	.third {
		float: left;
		width: 33%;
	}
	
	.two-thirds {
		float: left;
		width: 65.8%;
	}
	
	.quarter {
		float: left;
		width: 25%;
	}
	
	
	.fifth {
		float: left;
		width: 20%;
	}
	
	.eighth {
		float: left;
		width: 12.5%;
	}
	
	article.half {
		margin-right: 2.5%;
		width: 47.5%;
	}
	
	.column.half {
		margin-left: 2.5%;
		margin-right: 0;
		width: 48.75%;
	}
	
	.column.third {
		margin-left: 2.5%;
		margin-right: 0;
		width: 31.65%;
	}
	
	.column.quarter {
		margin-left: 2.5%;
		margin-right: 0;
		width: 23.125%;
	}
	
	.column.fifth {
		margin-left: 2.25%;
		margin-right: 0;
		width: 18.2%;
	}
	
	.column.eighth {
		margin-left: 2%;
		margin-right: 0;
		width: 10.75%;
	}
	
	.column.fifth:nth-of-type(2n+1), .column.fifth:nth-of-type(3n+1) {
		margin-left: 2.25%;
	}
	
	.column.eighth:nth-of-type(4n+1) {
		margin-left: 2%;
	}
	
	.column.fifth:nth-of-type(5n+1), .column.eighth:nth-of-type(8n+1) {
		clear: both;
		margin-left: 0;
	}
	
	.column.half:first-child, .column.half:nth-of-type(2n+1),  .column.third:first-child, .column.third:nth-of-type(3n+1),  .column.quarter:first-child, .column.quarter:nth-of-type(4n+1), .column.eighth:first-child {
		margin-left: 0;
	}
	
	.column.third.marginleft {
		margin-left: 2.5% !important;
	}
		
	aside img {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	
	.magazine p {
  		-webkit-column-count: 2;
  		-webkit-column-gap: 20px;
  		-webkit-column-gap: 1.25rem;
  		
  		-moz-column-count: 2;
  		-moz-column-gap: 20px;
  		-moz-column-gap: 1.25rem;
  		
		column-count: 2;
  		column-gap: 20px;
  		column-gap: 1.25rem;
	}
	
	footer ul {
		float: left;
	}	
	
		footer ul li {
			display: inline;
			border-left: 1px solid #787d80;
			padding: 0 6px;
			line-height: 16px;
			line-height: 1.6rem;
		}
	
		footer ul li:first-child {
			border-left: 0;
			padding: 0 6px 0 0;
		}
	
		footer ul li:last-child {
			padding: 0 0 0 6px;
		}

	
		footer ul.address {
			width: 48%;
		}
		
		footer ul.copyright {
			width: 52%;
			margin-top: 1px;
			text-align: right;
		}
	
	.client.column img {
		opacity: 0.5;
/* 		transition: opacity 0.5s; */
	}
	
	.client.column:hover img {
		opacity: 1;
	}
	
	.column .overlay {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		transition: opacity 0.5s;
	}
	
		.column .overlay h3, .content .overlay p, .content .overlay a {
			color: #fff;
			text-align: center;
			margin: 0;
			text-decoration: none !important;
		}
	
	.project.column .overlay {
		background: rgba(0,117,136,0.8);	
	}
	
	.join.column .overlay {
		background: rgba(204,147,66,0.8);
	}
	
	.news.column .overlay {
		background: rgba(28,38,69,0.8);
	}
		
	article.column:hover .overlay, article.column a:hover .overlay {
		opacity: 1;
	}
		
		.column .overlay article {
			min-height: 90px;
			padding: 5%;
			margin-top: 0;
			top: 50%;
  			-webkit-transform: translateY(-50%);
  			-moz-transform: translateY(-50%);
  			-ms-transform: translateY(-50%);
  			-o-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		
}

@media screen and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	
	.client.column img {
		opacity: 1;
	}
	
	.column .overlay {
		position: relative;
		height: auto;
		width: auto;
		top: auto;
		left: auto;
		opacity: 1;
		transition: none;
	}
	
	.project.column .overlay, .join.column .overlay {
		background: none;	
	}
	
		.column .overlay h3, .content .overlay p, .content .overlay a {
			color: #1f2026;
			text-align: left;
			margin: 0;
			text-decoration: none !important;
		}
  
  		.column .overlay article {
			position: relative;
			margin-top: 0.625rem !important;
			padding: 0;
			top: auto;
			min-height: 0;
  			-webkit-transform: translateY(0);
  			-moz-transform: translateY(0);
  			-ms-transform: translateY(0);
  			-o-transform: translateY(0);
			transform: translateY(0);
		}
		
	.breaker blockquote {
	  font-size: 1.5rem;
	}	
	
}