@media only screen and (device-width:768px) {
	body {
		width: 1300px;
	}
	
	.bg-logo-cutoff, .bg-logo-cutoff-flip {
		height: 72px;
	}
	
	#header .content {
		max-width: 1000px;
	}
	
	#header #social {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	#header #navbar  {
		margin-top: 10px;
		
	}
	
	#header #navbar li a {
		font-size: 17px;
	}
	
	#header #navbar ul.sub.games {
		top: 43px;
		left: -48px;
	}
	
	#header #navbar ul.sub.games li {
		width: 220px;
	}
	
	#top {
		margin-top: 65px;
	}
	
	#top.contact {
		min-width: 1300px;
		width: 1300px;
		max-width: 1300px;
	}
	
	.logo {
		width: 175px;
	}
		
	#header #navbar li {
		font-size: 17px;
	}
	
	#header #navbar ul.sub.games li a {
		padding: 5px 0;
	}
	
	#bottom, #top {
		outline: #171F29 solid 1px;
	}
	
	.background-hills {
		outline: #B9B383 solid 1px;
	}
	
	.video-gr-play-facebook {
		margin-top: 22%;
	}
	
	/* fixes orientation scale bug on contact page */
	.contact .content {
		padding-top: 50px;
		padding-bottom: 175px;
	}
	
	.contact h2 {
		font-family: 'GrandHotel-Regular', Sans-Serif;
		font-size: 170px;
		text-shadow: 2px 2px 1px black;
		color: white;
		line-height: 130px;
	}
	
	h2.leadership-team {
		background-size: 55%;
	}
}

@media only screen and (device-width:768px)and (orientation:landscape) {
	.bg-logo-cutoff {
		margin-top: 0;
	}
	
	#cboxLoadingOverlay {
		top: 85px;
		left: 140px;
	}
}

@media only screen and (device-width:768px)and (orientation:portrait) {
	.bg-logo-cutoff {
		margin-top: -1px;
	}
	
	#cboxLoadingOverlay {
		top: 225px;
		left: 270px;
	}
}

@media screen and (max-width: 515px) {
	body {
		-webkit-text-size-adjust: none;
	}
	
	#mobile .tree {
		display: none;
	}
	
	#mobile .content.with-meaning-bg {
		padding-top: 50px;
		background: none;
	}
	
	#mobile h1 {
		line-height: 100px;
		font-size: 70px;
	}
	
	#mobile #top {
		margin-top: 95px;
	}
	
	#mobile .gr-logo {
		left: 8%;
		top: 5%;
	}

	#mobile .vl-logo {
		left: 8%;
		top: 5%;
	}
	
	#mobile .play-appstore {
		left: 33%;
	}
	
	#mobile .play-facebook {
		left: 33%;
	}
	
	#mobile .vl .play-facebook {
		top: 85%;
	}
	
	#mobile .vl .play-appstore {
		top: 38%;
	}
	
	#mobile .gr .play-facebook {
		top: 85%;
	}
	
	#mobile .villager-girl {
		left: 25px;
	}

	#mobile .villager-with-baby {
		right: 25px;
	}
	
	#mobile #mobile-navbar-games, #mobile-navbar {
		top: 115px;
		right: 0;
	}
	
	#mobile #mobile-navbar-games li, #mobile-navbar li {
		width: 180px;
	}
	
	#mobile .jill {
		left: -100%;
	}
	
	#mobile .steve {
		right: -100%;
	}
	
	#mobile .statue-left {
		left: 0;
		top: -80px;
		width: 140px;
	}
	
	#mobile .statue-right {
		right: 30px;
		top: -80px;
		width: 140px;
	}
	
	#mobile .about-playdemic h2 {
		font-size: 75px;
		line-height: 75px;
		
		padding-top: 105px;
		padding-bottom: 105px;
	}
	
	#mobile h2.leadership-team {
		padding: 50px 0;
		font-size: 55px;
	}
	
	#mobile .non_execs h3 {
		margin-top: 120px;
	}
	
	#mobile .non_execs h4 {
		font-size: 27px;
	}
	
	#mobile #middle.about {
		padding-bottom: 75px;
	}
	
	#mobile .video-gr {
		margin-top: 60px;
	}
	
	#mobile .gr-screens li img.screen {
		width: 100%;
	}
	
	#mobile .gr-cow {
		display: none;
	}
	
	#mobile #logo-link {
		
		top: -5px;
	}
	
	#mobile .vl-jill-leaning {
		display: none;
	}
	
	#mobile .about-playdemic.content {
		padding: 0;
	}
	
	#mobile .about-playdemic .blurb {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
		padding-top: 0;
	}
	
	#mobile .about-playdemic .blurb p {
		line-height: 20px;
	}
	
	#mobile #top.gr-page {
		overflow: hidden;
	}
	
	#mobile .gr-page .home-carousel-bg-top-visible {
		right: -85%;
	}
	
	#mobile .gr-page .home-carousel-bg-bottom-visible {
		right: -85%;
	}
	
	#mobile .vl-page .home-carousel-bg-top-visible {
		right: -10%;
	}
	
	#mobile .vl-page .home-carousel-bg-bottom-visible {
		right: -10%;
	}
	
	#mobile #top.vl-page {
		overflow: hidden;
	}
	
	#mobile #top.press h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile .press p {
		max-width: 100%;
	}
	
	#mobile .job p {
		max-width: 100%;
	}
	
	#mobile #middle.press h2 {
		font-size: 70px;
		line-height: 70px;
		padding: 75px 0 75px;
	}
	
	#mobile #bottom.press h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #top.blog h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #middle.blog h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #bottom.blog h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #top.job-list h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #middle.job-list h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #bottom.job-list h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #top.job h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile #middle.job h2 {
		font-size: 60px;
		line-height: 60px;
		padding: 40px 0 60px;
	}
	
	#mobile #middle.job {
		background-size: 325px;
	}
	
	#mobile #bottom.job h2 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#mobile .surf_pig {
		display: none;
	}
	
	#mobile .squid {
		display: none;
	}
	
	#mobile .larder {
		display: none;
	}
	
	#mobile #top.contact h2 {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	#mobile .contact-emails {
		margin-top: 0;
	}
	
	#mobile .job-description-meta li {
		max-width: 100%;
	}
	
	#mobile h1.gr-details {
		background-size: 300px;
	}
	
	#mobile h1.vl-details {
		background-size: 300px;
	}
	
	#mobile h2.leadership-team {
		background-size: 300px;
	}
	
	#mobile .press-archive li {
		margin: 20px auto;
	}
	
	#mobile .press-archive-buttons li {
		margin: 20px auto;
	}
	
	#mobile .press-entry img {
		border-width: 5px;
	}
}