/*
Theme Name: 	LaytonAndrews
Theme URI: 		http://www.jordanlove.co.uk
Description: 	The theme purely built for LaytonAndrews!
Version: 		4.0
Author: 		Jordan Love
Author URI: 	http://www.jordanlove.co.uk
Tags: 			laytonandrews, recruitment
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ color: #734a8c; font-family: sans-serif, serif; font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

p, a {
	font-size: 0.9em;
}

p a {
	font-size: 1em;
}

p {
	line-height: 1.6em;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Custom Styles --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* {
	font-family: sans-serif;
}

body {
	background: url('images/debut.png');
	color: #6f6f6f;
}

a {
	text-decoration: none;
	font-weight: normal;
	color: #734a8c;
}

a:hover {
	text-decoration: underline;
}

.half {
	width: 50%;
	float: left;
}

.half-left {
	width: 48%;
	float: left;
}

.half-right {
	width: 48%;
	float: right;
}

.third-left {
	width: 30%;
	float: left;
}

.third-middle {
	width: 30%;
	float: left;
	margin-left: 5%;
}

.third-right {
	width: 30%;
	float: right;
}

.two-third-left {
	width: 65%;
	float: left;
}

.two-third-right {
	width: 65%;
	float: right;
}

.fourth-left {
	width: 24%;
	float: left;
}

.fourth-right {
	width: 24%;
	float: right;
}

.three-fourth-left {
	width: 73%;
	float: left;
}

.fifth-left {
	width: 19%;
	float: left;
}

.fifth-right {
	width: 19%;
	float: right;
}

.four-fifth-left {
	width: 78%;
	float: left;
}

.four-fifth-right {
	width: 78%;
	float: left;
}

.page-wrap {
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
}

.button {
	background: rgb(115,74,140); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNGE4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjJkODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(115,74,140,1) 0%, rgba(102,45,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,74,140,1)), color-stop(100%,rgba(102,45,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(115,74,140,1) 0%,rgba(102,45,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(115,74,140,1) 0%,rgba(102,45,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(115,74,140,1) 0%,rgba(102,45,137,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(115,74,140,1) 0%,rgba(102,45,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#734a8c', endColorstr='#662d89',GradientType=0 ); /* IE6-8 */
	box-shadow: inset 0 1px 2px #7E6B89;
	border: 1px solid #560489;
	border-radius: 2px;
	line-height: 30px;
	display: block;
	width: 120px;
	font-size: 0.7em !important;
	text-transform: uppercase;
	color: white !important;
	text-align: center;
}

.readmore {
	color: #734a8c !important;
	padding: 0 5px;
	text-transform: uppercase;
	font-size: 0.7em !important;
	display: inline !important;
	font-weight: bold;
}

header.main {
	padding-top: 40px;
}

header.main .site-logo {
	width: 389px;
	height: 84px;
	background: url('images/site-logo.png') no-repeat;
	display: block;
	float: left;
}

header.main .site-logo h1 {
	text-indent: -999em;
}

header.main .social {
	float: right;
}

header.main .social h3 {
	color: #734a8c;
}

header.main .social a {

}

header.main .social a img {
	display: block;
	width: 40px;
	height: 40px;
	float: right;
	margin-left: 20px;
	opacity: 0.8;
	margin-top: 30px;
}

header.main .social a img:hover {
	opacity: 1;
}

nav.main {
	-moz-box-shadow: inset 0 1px 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 1px 0 #fff;
	box-shadow: inset 0 1px 1px 0 #fff;
	border-top: 1px solid #b9b8b9;
	border-bottom: 1px solid #b9b8b9;
	background: rgb(240,249,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(242,242,242,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(242,242,242,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(242,242,242,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(242,242,242,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,249,255,1) 0%,rgba(242,242,242,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	margin: 25px 0 55px;
}

nav.main ul {
	display: block;
}

nav.main ul a {
	width: 20%;
	float: left;
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
	color: #b9b8b9;
	text-shadow: 1px 1px 1px white;
	line-height: 40px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-out; /* Safari and Chrome */
	-o-transition: all 0.2s ease-out; /* Opera */
}

nav.main ul a:hover, nav.main .current-menu-item a {
	text-decoration: none;
	color: #333;
}

nav.main ul a li {

}

.home-container {

}

.home-container .two-third-left h1 {
	line-height: 40px;
	font-family: 'Dancing Script', cursive;
}

.two-third-left article {
	background: white;
	border-radius: 2px;
	box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.2);
	display: block;
	padding: 25px 3%;
	margin-bottom: 30px;
}

.two-third-left article h1 {
	margin-bottom: 15px;
}

.two-third-left article h2 {
	margin-bottom: 15px;
}

.two-third-left article p {
	line-height: 1.6em;
}

.two-third-left #latest-jobs {
	background: url('images/latest-jobs-icon.png') no-repeat left;
	line-height: 30px;
	display: block;
	padding-left: 40px;
	margin-bottom: 20px;
}

.home-container .job-content {
	padding-left: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom: 20px;
	background: url('images/new-job-icon.png') no-repeat left top;
}

.home-container .job-content h4 {
	color: #76ba8c;
	float: left;
	margin-bottom: 10px;
}

.home-container .job-content h4 a {
	color: #76ba8c;
	font-weight: bold;
	font-size: 1em;
}

.home-container .job-content h4 span {
	color: #b9b8b9;
	font-weight: normal;
	font-size: 0.8em;
}

.home-container .job-content .date {
	color: #b9b8b9;
	font-size: 0.7em;
	float: right;
}

aside.third-right {

}

aside.third-right article {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.2);
	display: block;
	padding: 25px 10%;
	margin-bottom: 30px;
}

aside.third-right article .post-content {
	padding-bottom: 20px;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom: 20px;
}

aside.third-right article .post-content .title {
	font-family: 'Dancing Script', cursive;
	font-size: 1.2em;	
}

aside.third-right article .post-content .date {
	color: #b9b8b9;
	font-size: 0.7em;
	float: right;
}

aside.third-right h4 {
	color: #76ba8c;
	margin-bottom: 15px;
}

aside.third-right h4.latest {
	padding-left: 40px;
	background: url('images/update-icon.png') no-repeat left;
	line-height: 30px;
}

aside.third-right a {
	margin-bottom: 5px;
	color: #b9b8b9;
	display: block;
	font-size: 1em;
}

aside.third-right .contact-sidebar a li {
	color: #6f6f6f;
}

aside.third-right .contact-sidebar a:hover {
	text-decoration: none;
}

.full-container {
	display: block;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.2);
	padding: 25px 3%;
}

.full-container.news {
	
}

.full-container.news h1 {
	margin-bottom: 15px;
	padding-left: 50px;
	background: url('images/news-icon.png') no-repeat left;
	line-height: 40px;
}

.full-container.news .half {
	width: 49.3%;
}

.full-container.news .post-content {
	padding: 0 5%;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom: 20px;
	padding-bottom: 20px;
	min-height: 205px;
}

.full-container.news .post-content img {
	max-width: 100%;
	position: absolute;
	top: -22px;
}

.full-container.news .post-content h2 a {
	color: #76ba8c;
	float: left;
}

.full-container.news .post-content .date {
	float: right;
	color: #b9b8b9;
	font-size: 0.7em;
}

.full-container.news .post-content .image-preview {
	position:relative !important;
	overflow:hidden !important;
	height:120px !important;
	margin-bottom:20px !important;
}

.single-job {

}

.single-job h1 {
	line-height: 50px;
	display: block;
	padding-left: 60px;
	background: url('images/job-title-icon.png') no-repeat left;
}

.single-job .half-left p {
	line-height: 50px;
	padding-left: 60px;
	background: url('images/job-location-icon.png') no-repeat left;
}

.single-job .half-right p {
	line-height: 50px;
	padding-left: 60px;
	background: url('images/job-date-icon.png') no-repeat left;
}

.single-job .content {
	padding-left: 60px;
	margin-top: 20px;
	background: url('images/job-content-icon.png') no-repeat top left;
	margin-bottom: 30px;
}

.single-post img {
	width: 100%;
	margin-bottom: 30px;
}

.single-post h1 {
	float: left;
}

.single-post .date {
	float: right;
	color: #b9b8b9;
	font-size: 0.7em;
}

.single-post .content {
	margin-bottom: 30px;
}

.two-third-left.contact {

}

.two-third-left.contact h1 {
	line-height: 40px;
	display: block;
	padding-left: 50px;
	background: url('images/talk-icon.png') no-repeat left;
}

.two-third-left.contact form {

}

.two-third-left.contact form * {
	font-family: sans-serif;
}

.two-third-left.contact form label {
	display: block;
	width: 45%;
	float: left;
	line-height: 40px;
	color: #b9b8b9;
	margin-bottom: 20px;
}

.two-third-left.contact form label#message-label {
	width: 100%;
	margin-bottom: 0;
}

.two-third-left.contact form input {
	display: block;
	width: 50%;
	float: right;
	background-color: #f4f4f4;
	border: 1px solid #b9b8b9;
	color: #6f6f6f;
	line-height: 1.6em;
	padding: 8px 5px;
	font-size: 0.9em;
	margin-bottom: 20px;
}

.two-third-left.contact form input#submit {
	display: block;
	width: 20%;
	float: right;
	border: 1px solid #560489;
}

.two-third-left.contact form textarea {
	max-width: 98%;
	width: 98%;
	display: block;
	background: #f4f4f4;
	border: 1px solid #b9b8b9;
	color: #6f6f6f;
	line-height: 1.6em;
	padding: 8px 5px;
	font-size: 0.9em;
	margin-bottom: 20px;
	min-height: 140px;
}

.job-sidebar h4 {
	background: url('images/apply-icon.png') no-repeat left;
	display: block;
	line-height: 30px;
	padding-left: 40px;
}

.job-sidebar p {
	margin-bottom: 10px;
}

.contact-sidebar h4 {
	background: url('images/direct-contact-icon.png') no-repeat left;
	display: block;
	line-height: 30px;
	padding-left: 40px;
}

.contact-sidebar ul {
	margin-top: 10px;
}

.contact-sidebar ul li {
	font-size: 0.8em;
	line-height: 40px;
	display: block;
	padding-left: 40px;
}

.contact-sidebar ul li.phone {
	background: url('images/contact-phone-icon.png') no-repeat left;
}

.contact-sidebar ul li.mobile {
	background: url('images/contact-mobile-icon.png') no-repeat left;
}

.contact-sidebar ul li.email {
	background: url('images/contact-email-icon.png') no-repeat left;
}

.full-container.about {

}

.full-container.about h1 {
	line-height: 40px;
	display: block;
	padding-left: 50px;
	background: url('images/about-icon.png') no-repeat left;
	margin-bottom: 15px;
}

.full-container.about .intro {
	margin-bottom: 30px;
}

.full-container.about article {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.full-container.about article h3, .full-container.about article h4 {
	font-weight: normal;
	color: #76ba8c;
}

.full-container.about article h4 {
	color: #b9b8b9;
	margin-bottom: 20px;
}

.full-container.about article img {
	max-width: 100%;
}

.full-container.about .social {
	margin-top: 30px;
}

.full-container.about .social a {
	display: block;
	height: 25px;
	width: 25px;
	float: left;
	margin: 0 20px;
}

.full-container.about .social a img {
	
	
}

.testimonial {
	margin-top: 40px;
	display: block;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.2);
	font-size: 0.8em;
	font-style: italic;
	padding: 20px 6% 50px;
	position: relative;
	line-height: 1.6em;
}

.testimonial .author {
	position: absolute;
	color: #734a8c;
	font-style: normal;
	right: 6%;
	bottom: 25px;
}

.testimonial img {
	position: absolute;
	bottom: -25px;
	left: 30px;
}

.full-container.join {

}

.full-container.join h2 {
	background: url('images/join-icon.png') no-repeat left;
	line-height: 30px;
	display: block;
	padding-left: 40px;
	margin-bottom: 20px;
}

.two-third-left.services {

}

.two-third-left.services h1 {
	line-height: 40px;
	display: block;
	padding-left: 50px;
	background: url('images/services-icon.png') no-repeat left;
	margin-bottom: 15px;
}

.two-third-left.services .intro {
	margin-bottom: 20px;
}

.two-third-left.services .expand {
	border-bottom: 1px solid #f4f4f4;
}

.two-third-left.services .expand.first {
	border-top: 1px solid #f4f4f4;
}

.two-third-left.services .expand h3 {
	color: #76ba8c;
	display: block;
	cursor: pointer;
	line-height: 40px;
	padding-left: 35px;
}

.two-third-left.services .expand h3.clients {
	background: url('images/services-clients-icon.png') no-repeat;
}

.two-third-left.services .expand h3.candidates {
	background: url('images/services-candidates-icon.png') no-repeat;
}

.two-third-left.services .expand h3.outplacement {
	background: url('images/services-outplacement-icon.png') no-repeat;
}

.two-third-left.services .expand .content {
	margin-top: 10px;
	margin-bottom: 25px;
}

.two-third-left.services .expand .content strong {
	display: block;
	font-family: 'Dancing Script', cursive;
	margin-bottom: 10px;
	font-size: 1.5em;
}

footer.main {
	background-color: #76ba8c;
	display: block;
	border-top: 1px solid #69a27b;
	-moz-box-shadow: inset 0 1px 1px 0 #93f2b1;
	-webkit-box-shadow: inset 0 1px 1px 0 #93f2b1;
	box-shadow: inset 0 1px 1px 0 #93f2b1;
	padding: 40px 0;
	margin-top: 70px;
}

footer.main h2 {
	font-size: 1em;
	border-bottom: 1px solid #aef8c5;
	padding: 5px;
	margin-bottom: 10px;
	color: #aef8c5;
	font-weight: normal;
}

footer.main p {
	font-size: 0.8em;
	color: #aef8c5;
}

footer.main ul li a {
	color: #aef8c5;
	font-size: 0.8em;
	line-height: 40px;
	display: block;
	padding-left: 40px;
}

footer.main ul li a:hover {
	cursor: default;
	text-decoration: none;
}

footer.main ul li a.phone {
	background: url('images/footer-phone.png') no-repeat left;
}

footer.main ul li a.mobile {
	background: url('images/footer-mobile.png') no-repeat left;
}

footer.main ul li a.email {
	background: url('images/footer-email.png') no-repeat left;
}

footer.second {
	background-color: #69a27b;
	display: block;
}

footer.second p {
	line-height: 40px;
	color: #8ad8a3;
	font-size: 0.6em;
}

footer.second p a {
	color: #aef8c5;
}

footer.second p a:hover {
	
}

footer.second p.left {
	float: left;
}

footer.second p.right {
	float: right;
}

/* ---------------------------------------------------------------------------------------------------------- 
04 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 900 and under */
@media screen and (max-width:900px) {
	.page-wrap {
		width: 80%;
	}
	.two-third-left, .third-right, .two-third-right, .third-left, .half, .full-container.news .half {
		width: 100%;
	}
	.two-third-left article, .third-right article, aside.third-right article, .full-container {
		padding: 25px 5%;
	}
	footer.main .two-third-left {
		margin-bottom: 30px;
	}
	.full-container.about article img {
		display: none;
	}
	.full-container.about .social img {
		display: block;
	}
	.full-container.news .post-content {
		min-height: 0;
	}
}

@media screen and (max-width:715px) {
	header.main .social {
		display: none;
	}
}

@media screen and (max-width:500px) {
	.page-wrap {
		width: 100%;
	}
	footer .page-wrap {
		width: 85%;
	}
	header.main .social {
		display: block;
		float: left;
	}
	header.main .social a img {
		margin-left: 0;
		margin: 20px 30px 0;
	}
	.half-left, .half-right {
		width: 100%;
	}
	.home-container .job-content .date, .full-container.news .post-content .date {
		display: none;
	}
	header.main .site-logo {
	width: 300px;
	height: 61px;
	background: url('images/site-logo-iphone.png') no-repeat;
	}
	.testimonial {
		display: none;
	}
}

@media screen and (max-width:400px) {
	.full-container.news .post-content .image-preview {
	position:relative !important;
	overflow:hidden !important;
	height:90px !important;
	margin-bottom:10px !important;
	}
	.full-container.news .post-content img {
	max-width: 100%;
	position: absolute;
	top: -10px;
	}
	footer.main .two-third-left {
		display: none;
	}
}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}