body{
background:#0c1821;
font-family:'Rubik',sans-serif;
font-size:21px;
margin:0;
padding:0;
}

.wrap{margin:0 auto;width:960px;}
.clear{clear:both;}

#header{
background:url('../img/header.jpg') top center no-repeat #142133;
border-bottom:1px solid #43aab9;
height:200px;
margin:0;
}

#nav{font-size:.8em;text-transform:uppercase;}
#nav ul,#social ul{margin-left:-40px;}
#nav ul li,#social ul li{display:inline-block;}
#nav ul li a,#social ul li a{color:#fff;margin:15px;text-decoration:none;}
#nav ul li a:hover{color:#43aab9;}

#logo{float:left;}
#logo a{display:inline-table;}
#topRight{float:right;}
#social,#nav{float:right;height:100px;line-height:100px;text-align:right;width:600px;}

#wbenc{padding-right:70px;}
#facebook{height:40px;width:40px;padding-bottom:20px;}
#twitter{height:40px;width:49px;padding-bottom:20px;}
#instagram{height:40px;width:40px;padding-bottom:20px;}

#content{
background:url('../img/bg.jpg') top center no-repeat #020303;
color:#fff;
padding:40px 0;
}

#footer{background:#0c1821;height:240px;margin:0;text-align:center;}

.project{
border:1px solid #ddd;
display:inline-block;
height:200px;
margin:20px;
overflow:auto;
width:400px;
}

#machines img{height:auto;width:300px;}

#portfolio{text-align:center;}
#portfolio a{text-decoration:none;}

#dobi{background:url('../img/portfolio/dobi.jpg') 0 0;}
#dobi:hover{background:url('../img/portfolio/dobi.jpg') 0 400px;}
#cork-gabel{background:url('../img/portfolio/cork_gabel.jpg') 0 0;}
#cork-gabel:hover{background:url('../img/portfolio/cork_gabel.jpg') 0 400px;}
#outdoor-spaces{background:url('../img/portfolio/outdoor_spaces.jpg') 0 0;}
#outdoor-spaces:hover{background:url('../img/portfolio/outdoor_spaces.jpg') 0 400px;}
#cantoro{background:url('../img/portfolio/cantoro.jpg') 0 0;}
#cantoro:hover{background:url('../img/portfolio/cantoro.jpg') 0 400px;}
#university-michigan{background:url('../img/portfolio/university_michigan.jpg') 0 0;}
#university-michigan:hover{background:url('../img/portfolio/university_michigan.jpg') 0 400px;}
#serendipity{background:url('../img/portfolio/serendipity.jpg') 0 0;}
#serendipity:hover{background:url('../img/portfolio/serendipity.jpg') 0 400px;}
#rockys{background:url('../img/portfolio/rockys.jpg') 0 0;}
#rockys:hover{background:url('../img/portfolio/rockys.jpg') 0 400px;}
#grossepointe{background:url('../img/portfolio/grossepointe.jpg') 0 0;}
#grossepointe:hover{background:url('../img/portfolio/grossepointe.jpg') 0 400px;}
#mastercard{background:url('../img/portfolio/mastercard.jpg') 0 0;}
#mastercard:hover{background:url('../img/portfolio/mastercard.jpg') 0 400px;}
#pirch{background:url('../img/portfolio/pirch.jpg') 0 0;}
#pirch:hover{background:url('../img/portfolio/pirch.jpg') 0 400px;}
#ashley{background:url('../img/portfolio/ashley.jpg') 0 0;}
#ashley:hover{background:url('../img/portfolio/ashley.jpg') 0 400px;}
#vertical{background:url('../img/portfolio/vertical.jpg') 0 0;}
#vertical:hover{background:url('../img/portfolio/vertical.jpg') 0 400px;}
#solotavoli{background:url('../img/portfolio/solotavoli.jpg') 0 0;}
#solotavoli:hover{background:url('../img/portfolio/solotavoli.jpg') 0 400px;}

.member{clear:both;padding:20px 0;}
.member img{border-radius:20px;margin:20px;}

h2{
color:#527a94;
font-size:1.8em;
font-weight:400;
text-transform:uppercase;
}

h3{
color:#43aab9;
font-size:1.4em;
font-weight:400;
text-transform:uppercase;
}

p{line-height:1.6em;}

a{color:#43aab9;}
a:hover{text-decoration:none;}

.emphasis{color:#648da2;}

.cognito .c-forms-form{
margin:0 auto;
}

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

	body{font-size:2em;}
	.wrap{width:90%;}
	#header{background-image:none;height:auto;}

	#logo{display:block;float:none;text-align:center;width:100%;}
	#topRight{float:none;margin-top:0 !important;}
	#nav{font-size:1.6em;}
	#social,#nav{float:none;line-height:2em;text-align:center;width:100%;}
	#nav ul li{display:block;}

	#social img{margin:0 20px;}
	#facebook{height:80px;width:80px;}
	#twitter{height:80px;width:97px;}
	#instagram{height:80px;width:80px;}

	.project{display:block;margin:20px auto 40px;width:400px;}

	#machines img{height:auto;margin:20px auto;width:100%;}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2){

	#content{background:url('../img/bg@2x.jpg');background-size:100% auto;}

	#dobi{background:url('../img/portfolio/dobi@2x.jpg') 0 0;background-size:400px 400px;}
	#dobi:hover{background:url('../img/portfolio/dobi@2x.jpg') 0 200px;background-size:400px 400px;}
	#cork-gabel{background:url('../img/portfolio/cork_gabel@2x.jpg') 0 0;background-size:400px 400px;}
	#cork-gabel:hover{background:url('../img/portfolio/cork_gabel@2x.jpg') 0 200px;background-size:400px 400px;}
	#outdoor-spaces{background:url('../img/portfolio/outdoor_spaces@2x.jpg') 0 0;background-size:400px 400px;}
	#outdoor-spaces:hover{background:url('../img/portfolio/outdoor_spaces@2x.jpg') 0 200px;background-size:400px 400px;}
	#cantoro{background:url('../img/portfolio/cantoro@2x.jpg') 0 0;background-size:400px 400px;}
	#cantoro:hover{background:url('../img/portfolio/cantoro@2x.jpg') 0 200px;background-size:400px 400px;}
	#university-michigan{background:url('../img/portfolio/university_michigan@2x.jpg') 0 0;background-size:400px 400px;}
	#university-michigan:hover{background:url('../img/portfolio/university_michigan@2x.jpg') 0 200px;background-size:400px 400px;}
	#serendipity{background:url('../img/portfolio/serendipity@2x.jpg') 0 0;background-size:400px 400px;}
	#serendipity:hover{background:url('../img/portfolio/serendipity@2x.jpg') 0 200px;background-size:400px 400px;}
	#rockys{background:url('../img/portfolio/rockys@2x.jpg') 0 0;background-size:400px 400px;}
	#rockys:hover{background:url('../img/portfolio/rockys@2x.jpg') 0 200px;background-size:400px 400px;}
	#grossepointe{background:url('../img/portfolio/grossepointe@2x.jpg') 0 0;background-size:400px 400px;}
	#grossepointe:hover{background:url('../img/portfolio/grossepointe@2x.jpg') 0 200px;background-size:400px 400px;}
	#pirch{background:url('../img/portfolio/pirch@2x.jpg') 0 0;background-size:400px 400px;}
	#pirch:hover{background:url('../img/portfolio/pirch@2x.jpg') 0 200px;background-size:400px 400px;}
	#mastercard{background:url('../img/portfolio/mastercard@2x.jpg') 0 0;background-size:400px 400px;}
	#mastercard:hover{background:url('../img/portfolio/mastercard@2x.jpg') 0 200px;background-size:400px 400px;}
	#ashley{background:url('../img/portfolio/ashley@2x.jpg') 0 0;background-size:400px 400px;}
	#ashley:hover{background:url('../img/portfolio/ashley@2x.jpg') 0 200px;background-size:400px 400px;}
	#vertical{background:url('../img/portfolio/vertical@2x.jpg') 0 0;background-size:400px 400px;}
	#vertical:hover{background:url('../img/portfolio/vertical@2x.jpg') 0 200px;background-size:400px 400px;}
	#solotavoli{background:url('../img/portfolio/solotavoli@2x.jpg') 0 0;background-size:400px 400px;}
	#solotavoli:hover{background:url('../img/portfolio/solotavoli@2x.jpg') 0 200px;background-size:400px 400px;}

}

@-moz-document url-prefix() { 
  #topRight {margin-top:-200px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #topRight {margin-top:-200px;} 
}