/* #Site Styles
================================================== */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html,body {
	background-color: #AAA;
	width:100%;
	height:100%;
}


/* #Desktop
================================================== */

.container {
	width:100%;
	height:100%;
	padding:20px 20px 0 20px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-position: center;
	background-repeat: repeat-y;
}

.content {
	width:100%;
	height:100%;
	/*background-color: red;*/
	border-top: solid 12px #FFF;
/*	background-image: url('../images/project-1-centre.png');
	background-position: center;
	background-repeat: no-repeat;*/	
}

.logo {
	width:470px;
	height: 90px;
	position: absolute;
	top:45%;
	left: 50%;
	margin-left: -235px;
	background-image: url('../images/logo-desktop.png');
	background-repeat: no-repeat;
}

.contact {
	width: 165px;
	height: 45px;
	position: fixed;
	bottom: 40px;
	left: 30px;
	color: white;
	font: italic 15px "Minion Pro", Georgia, serif;
}

.contact a {
	color: #FFF;
	text-decoration: none;
}

.contact a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* #Bigger Logo
================================================== */

@media only screen and (min-width: 1128px) {
	.logo {
	width:576px;
	height: 111px;
	margin-left: -288px;
	background-image: url('http://www.studiomccarthy.com/images/logo-desktop-large.png');
}
}


/* #Mobile
================================================== */

@media only screen and (max-width: 767px) {

.container {
	background: none;
	background-color: #1a1a1a;
}

.content {
	border-top: solid 12px #FFF;
}

.logo {
	width:250px;
	height: 47px;
	position: absolute;
	top:41%;
	margin-left: -125px;
	background-image: url('http://www.studiomccarthy.com/images/logo-mobile.png');
}

.contact {
	width: 250px;
	height: 45px;
	position: fixed;
	bottom: 40px;
	left: 30px;
	color: white;
	font: italic 18px "Minion Pro", Georgia, serif;
}

.contact a {
	color: white;
	text-decoration: none;
}

.contact a:hover {
	color: #F23459;
	text-decoration: underline;
}

}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1025px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-device-width: 1025px),
only screen and (   -o-min-device-pixel-ratio: 2/1) and (min-device-width: 1025px),
only screen and (        min-device-pixel-ratio: 2) and (min-device-width: 1025px),
only screen and (           min-resolution: 192dpi) and (min-device-width: 1025px),
only screen and (            min-resolution: 2dppx) and (min-device-width: 1025px) {

    .logo {
	width:470px;
	height: 90px;
	position: absolute;
	top:45%;
	left: 50%;
	margin-left: -235px;
	background-image: url('../images/logo-desktop.png');
	background-repeat: no-repeat;
}

}

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

	.logo {
	  right: 19px;
	  background-image: url('../images/logo-mobile@2x.png');
	  background-size: 250px 47px;
	  
	} */