/*
Theme Name: Surgeon Simulator
Author: Mike Cooper
Author URI: http://mikejcooper.co.uk
Description: Wordpress theme for Surgeon Simulator
Version: 1.0
Text Domain: surgeonsimulator
*/

@font-face {
    font-family: 'Magnus-Handwriting';
    src:url('fonts/Magnus-Handwriting.ttf.woff') format('woff'),
        url('fonts/Magnus-Handwriting.ttf.svg#Magnus-Handwriting') format('svg'),
        url('fonts/Magnus-Handwriting.ttf.eot'),
        url('fonts/Magnus-Handwriting.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'capella_star';
    src:url('fonts/Capella_Star.woff') format('woff'),
        url('fonts/Capella_Star.svg') format('svg'),
        url('fonts/Capella_Star.eot'),
        url('fonts/Capella_Star.ttf') format('truetype'),
        url('fonts/Capella_Star.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quick_end_jerkregular';
    src: url('fonts/quick_end_jerk-webfont.eot');
    src: url('fonts/quick_end_jerk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quick_end_jerk-webfont.woff') format('woff'),
         url('fonts/quick_end_jerk-webfont.ttf') format('truetype'),
         url('fonts/quick_end_jerk-webfont.svg#quick_end_jerkregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.font-arial{ font-family:Arial, sans-serif; font-size:32px; }


img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

body{ background:#000; color:#fff; font-family:Arial, Helvetica, sans-serif; }

a{ color:#fff; }
a:hover{ color:#fff; }

p{ line-height:24px; margin:0 0 20px; font-size:13px; color:#fff; text-shadow:1px 1px 1px #000; }

.container{ width:1462px; margin:0 auto; }

#header{ min-height:45px; background:#c1272d; padding:5px 0 0; border-top:10px solid #000; position:relative; z-index:70; }
#header.fixed{ position:fixed; top:0; z-index:900; margin:0; }
#header-base{ background:url('img/header-bg.png') no-repeat bottom left; height:63px; margin:45px 0 0; position:absolute; z-index:900; }

#nav{ float:left; width:750px; padding:0 0 0 20px; }
#nav ul{ margin:0; padding:0; list-style:none; }
#nav ul li{ margin:0; padding:15px 20px 5px 5px; float:left; background:url('img/menu-divider.png') no-repeat center right; }
#nav ul li a{ color:#fff; font-size:15px; font-weight:bold; text-decoration:none; display:inline-block; padding:0 0 13px; }
#nav ul li a:hover{ text-decoration:underline; }
#nav ul li.menu-item-has-children a{ background:url('img/menu-arrow-down.png') no-repeat right top; padding:0 25px 13px 0; }
#nav ul li.menu-item-has-children a:hover{ text-decoration:none; }

#nav ul li .sub-menu{ display:none; position:absolute; z-index:99000; background:#000; margin:-2px 0 0 -4px; }
#nav ul li:hover .sub-menu{ display:block; z-index:99000; }
#nav ul li .sub-menu li{ background:url('img/sub-menu-divide.png') no-repeat bottom center; padding:7px 10px 14px; float:none; }
#nav ul li .sub-menu li:last-child{ background:none; }
#nav ul li .sub-menu li a{ padding:0; background:none; }
#nav ul li .sub-menu li a:hover{ text-decoration:underline; }

.nav-buttons{ text-align:center; padding:5px 0; }
.nav-buttons img{ margin:10px 10px 0; }

#handheldNav{ display:none; position:absolute; z-index:1500; margin:35px 0 0; }
#handheldNavControl{ float:left; margin:0 0 0 10px; display:none; width:37px; height:36px; background:url('img/handheld-control.png') no-repeat; cursor:pointer; }

#handheldNav ul{ list-style:none; padding:0; margin:10px 0 0; width:300px; background:#c1272d; }
#handheldNav li{ padding:0; margin:0; }
#handheldNav li a{ color:#fff; display:block; background:#c1272d; padding:10px; border-bottom:2px solid #8f1d21; text-decoration:none; }
#handheldNav li a:hover{ background:#8f1d21; text-decoration:none; }

#engage{ float:right; width:400px; padding:0 20px 0 0; }

#nsltr{ float:right; width:280px; }
.nsltr-input{ background:#8f1d21; height:40px; float:left; width:240px; overflow:hidden; }
.nsltr-input input{ border:none; background:none; color:#fff; outline:none; width:220px; height:40px; padding:0 10px; }
.nsltr-submit{ float:left; background:#8f1d21; height:40px; width:40px; }
.nsltr-submit button{ background:url('img/icon-nsltr.png') no-repeat center center #8f1d21; border:none; height:40px; width:40px; }
.nsltr-submit button:hover{ background:url('img/icon-nsltr.png') no-repeat center center #000; }

#nsltr-msg{ position:fixed; text-align:center; top:10px; width:300px; background:#376813; border:3px solid #8f1d21; border-top:none; color:#fff; left:50%; margin:0 0 0 -150px; padding:10px; }
#nsltr-error{ position:fixed; top:10px; text-align:center; width:300px; background:#d46a0f; border:3px solid #8f1d21; border-top:none; color:#fff; left:50%; margin:0 0 0 -150px; padding:10px; }

.social-icon{ float:right; width:40px; margin:0 0 0 10px; }

.arrow-right{ display:block; margin:5px auto 0; width:33px; height:33px; background:url('img/arrow-right.png') no-repeat; }
.arrow-left{ display:block; margin:5px auto 0; width:33px; height:33px; background:url('img/arrow-left.png') no-repeat; }

#hero{ min-height:802px; position:relative; clear:both; }
#hero img{ position:absolute; }
#hero-hh{ display:none; }

#game-burst{ display:none; position:absolute; z-index:50; width:700px; left:150px; top:300px; transform:rotate(-20deg); }
#game-burst-close{ width:32px; height:32px; background:url('img/nsltr-layer-close.png') no-repeat; position:absolute; right:45px; top:45px; cursor:pointer; z-index:55; }

#blackout{ display:none; height:100%; min-height:100%; position:fixed; top:0; z-index:99995; background:rgba(0,0,0,0.8); width:100%; }

#nsltr-layer{ display:none; position:absolute; z-index:50; text-align:center; right:30px; width:472px; height:226px; margin:600px 0 0 0; background:url('img/nsltr-layer.png') no-repeat; }
#nsltr-layer form{ padding:40px 50px 0; font-size:14px; color:#fff; font-style:italic; }
.nsltr-layer-input{ float:left; width:330px; margin:10px 0 0; background:#a42126; height:31px; overflow:hidden; }
.nsltr-layer-input input{ background:none; width:322px; font-weight:normal; border:none; padding:6px 4px; color:#fff; }
.nsltr-layer-submit{ float:left; width:31px; padding:10px 0 0; }
.nsltr-layer-submit button{ background:url('img/nsltr-layer-submit.png') no-repeat; width:31px; height:31px; border:none; }
#nsltr-layer-close{ width:32px; height:32px; background:url('img/nsltr-layer-close.png') no-repeat; position:absolute; right:25px; top:15px; cursor:pointer; }

#ae-buttons{ position:absolute; z-index:600; margin:-80px 0 0 -289px; width:470px; left:50%; }

.game-items img{ max-width:none; }

#game-img{ position:relative; z-index:20; top:-4px; }
#page-10 #game-img{ top:-6px; }
#game-logo{ position:absolute; margin:60px 0 0 10px; z-index:60; }
#game-features{ position:absolute; margin:350px 0 0 1130px; z-index:60; }
#page-10 #game-features{ margin:100px 0 0 1060px; }

/*
#page-8 #game-features{ width:280px; font-size:19px; margin:250px 0 0 1140px; }
#page-8 #game-features img{ margin:0 0 0 30px; }
*/

#game-features li{ margin:0 0 25px; }
#game-cta{ position:absolute; margin:650px 0 0 1220px; z-index:60; }

#game-about{ background:url('img/game-about-rpt.png') top center; min-height:592px; }
#game-about h2{ font-size:16px; margin:5px 0 30px; }
#game-about-title{ text-align:center; padding:50px 0 30px; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:38px; background:url('img/game-about-bg.png') no-repeat top; }
#game-about-video{ float:left; width:560px; padding:0 0 0 140px; position:relative; z-index:500; }
#game-about-video iframe{ margin:0 0 30px; }
#game-about-text{ float:right; width:560px; padding:0 140px 0 0; position:relative; z-index:500; }
#game-about-text p, #game-about-video p{ color:#fff; font-size:14px; }
#game-about-cta{ position:relative; background:url('img/button-splat-bg.png') no-repeat; width:163px; height:90px; padding:75px 120px 0 70px; left:50%; margin:0 0 0 -135px; z-index:400; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:21px; text-transform:uppercase; font-weight:normal; }
#game-about-cta a, .game-ae-about-cta a{ color:#fff; text-decoration:none; }

.cta-left{ float:left; width:40%; padding:0 0 0 10% }
.cta-right{ float:right; width:50%; }
.game-ae-about-cta{ background:url('img/button-splat-bg.png') no-repeat; width:153px; height:90px; padding:75px 140px 0 60px; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:21px; text-transform:uppercase; font-weight:normal; text-align:center; margin:0 auto 20px; }

#surgeon-simulator-ae #game-logo{ width:600px; left:50%; margin:250px 0 0 -300px; }
#surgeon-simulator-ae #game-features{ margin:700px 0 0 1240px; }
#surgeon-simulator-ae #game-cta{ margin:620px 0 0 1240px; }

#surgeon-simulator-touch #game-features{ margin:670px 0 0 1240px; }
#surgeon-simulator-touch #game-cta{ margin:590px 0 0 1240px; }

.humble-iframe iframe{ margin:0 auto; display:block; }

#game-screenshots{ padding:20px 0 30px; }
#sliderNext{ background:url('img/slider-next.png') no-repeat center center; margin:90px 0 0 1340px; }
#sliderPrev{ background:url('img/slider-prev.png') no-repeat center center; margin:90px 0 0 90px; }
.slider-control{ width:34px; height:34px; position:absolute; z-index:400; }
.slider-control a{ font-size:0; color:#000; text-decoration:none; display:block; width:34px; height:34px; }

#game-reviews{ min-height:411px; padding:80px 0 0; background:url('img/game-reviews-bg.jpg'); margin:40px 0 0; border-top:1px solid #4c453f; }
#surgeon-simulator-ae #game-reviews{ background:url('img/game-reviews-ae.jpg'); }
#surgeon-simulator-2013 #game-reviews{ background:url('img/game-reviews-2013.jpg'); }

#game-reviews-title{ position:absolute; background:url('img/game-reviews-title.png') no-repeat; width:322px; height:78px; text-align:center; color:#fff; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; padding:15px 0 0; left:50%; margin:-113px 0 0 -160px; font-size:36px; }
.review{ background:url('img/game-review-bg.png') no-repeat; width:745px; height:65px; padding:42px 20px 0 140px; font-size:18px; color:#000; font-family: 'Gloria Hallelujah', cursive; margin:0 auto; line-height:22px; }

#game-cta-bar{ background:url('img/game-cta-bar.png') repeat-x #c1272c; text-align:center; padding:32px 0 0; min-height:52px; color:#343434; text-transform:uppercase; font-size:20px; font-weight:bold; }

#footer{ text-align:center; padding:0 0 30px; background:url('img/footer-bg.png') repeat-x #000; }

#cross-sell{ padding:30px 0 20px; text-align:center; }
#cross-sell a{ display:inline-block; margin:0 15px; }
#base img{ margin:0 0 20px; }
#base{ color:#808080; width:60%; margin:0 auto; padding:15px 0 0; font-size:14px; }
#base p{ color:#808080; }
#footer-text{ font-size:12px; line-height:24px; color:#808080; }

#bossa-logo{ display:block; width:150px; height:80px; background:url('img/logo-bossa.png') no-repeat; margin:0 auto 10px; -webkit-transition: background-image 0.2s ease-in-out;
-moz-transition: background-image 0.2s ease-in-out;
-ms-transition: background-image 0.2s ease-in-out;
-o-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out; }
#bossa-logo:hover{ background:url('img/logo-bossa-on.png') no-repeat;
-webkit-transition: background-image 0.5s ease-in-out;
-moz-transition: background-image 0.5s ease-in-out;
-ms-transition: background-image 0.5s ease-in-out;
-o-transition: background-image 0.5s ease-in-out;
transition: background-image 0.5s ease-in-out; }

#unity{ position:absolute; margin:-55px 0 0 1300px; }

#logo{ text-align:center; padding:40px 0 0; }
#logo img{ max-width:350px; }

#grid{ padding:20px 0 40px; }
.box{ }
.box-pad h1{ font-size:28px; margin:0 0 8px; color:#fff; text-shadow:1px 1px 1px #000; }
.box-pad h2{ font-size:18px; margin:0 0 8px; color:#fff; text-shadow:1px 1px 1px #000; }
.box-pad h2 a{ color:#fff; text-decoration:none; }
.box-pad h2 a:hover{ text-decoration:underline; }
.box-pad{ padding:20px; background:#4e4e4e; border-radius:4px; text-shadow:1px 1px 1px #000; }
.box-pad a{ color:#fff; text-shadow:1px 1px 1px #000; }
.box-pad iframe{ max-width:100%; height:200px; }

#single-post{ padding:20px 0 0; text-shadow:1px 1px 1px #000; }
#single-post .box-pad{ border-bottom-left-radius:0; border-bottom-right-radius:0; }
#single-post h3{ text-shadow:1px 1px 1px #000; }

.post-image{ margin:0 0 20px; }
.post-meta{ font-size:11px; color:#ccc; padding:5px 0 10px; }
.post-user{ border-top:1px dotted #ccc; padding:10px 0; color:#fff; font-size:12px; }
.post-user a{ color:#fff; text-decoration:none; }
.post-user a:hover{ text-decoration:underline; }

.favourites-icon{ float:left; padding:0 10px 0 0; }
.favourites-icon a{ display:block; background:url('img/icon-heart.png') no-repeat; padding:3px 0 0 25px; min-height:19px; text-decoration:none; }
.favourites-icon a:hover{ }
.comments-icon{ float:left; }
.comments-icon a{ padding:3px 0 0 25px; min-height:19px; background:url('img/icon-comment.png') no-repeat; display:block; }
.link-icon{ float:right; }
.link-icon a{ display:block; background:url('img/icon-link.png') no-repeat; width:22px; height:22px; }

.link-post a{ display:block; background:#c1272d; color:#fff; text-decoration:none; display:block; padding:8px; text-align:center; }

.wpfp-hide{ display:none !important; }
.wp-smiley{ display:none !important; }

.tweet_meta{ padding:10px 0 0 110px; min-height:60px; background:url('img/splat-twitter.png') no-repeat left center; }

#respond{ background:#333; padding:20px; }
#respond #submit{ background:url('img/splat-button.png') no-repeat bottom center; width:199px; height:67px; color:#fff; border:none; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:18px; }
h3#comments{ display:none; }

.commentlist{ list-style:none; margin:5px 0; padding:0; }
.comment{ padding:20px; border-bottom:1px solid #333; }
.comment.even{ background:#595959; }
.comment.odd{ background:#555; }

.comment p{ margin:15px 0; }
.comment-meta{ font-size:11px; }

.inline-comment{ border-top:1px dotted #ccc; color:#fff; font-size:11px; padding:10px 0; }
.inline-comment-author{ float:left; width:50px; }
.inline-comment-author img{ max-width:40px; height:auto; }
.inline-comment-text{ width:auto; overflow:hidden; }

#submenu{ margin:50px 0 0 20px; }
#submenu ul{ margin:0; padding:0; }
#submenu li{ float:left; background:url('img/sub-menu-divider.png') no-repeat left; padding:8px 20px 0 35px; min-height:28px; list-style:none; }
#submenu a{ text-decoration:none; }
#submenu a:hover{ text-decoration:underline; }

.support-page{ padding:50px; background:url('img/game-about-rpt.png') top center; }
.support-page h2{ margin-top:45px; }
.support-answer{ padding:0 20px 20px; border-bottom:1px solid #444; }
.support-q{ cursor:pointer; }

.surgeon-text{ font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:38px; margin-top:50px; }

/* Large desktop */
@media (max-width: 1500px) {  
	
	.container{ width:1210px; }
	
	#hero{ min-height:664px; }
	
	#game-logo{ margin:60px 0 0 10px; }
	#game-features{ margin:200px 0 0 930px; }
	#page-10 #game-features{ margin:100px 0 0 800px; }
	
	#game-burst{ width:500px; left:150px; top:300px; transform:rotate(-20deg); }
	#game-burst-close{ right:25px; top:25px; }

	/*
	#page-8 #game-features{ width:280px; font-size:18px; margin:150px 0 0 900px; }
	#page-8 #game-features img{ margin:0 0 0 30px; }
	*/

	#game-about-video{ width:500px; padding:0 0 0 70px; }
	#game-about-video iframe{ max-width:100%; height:300px; }
	#game-about-text{ width:500px; padding:0 70px 0 0; }
	
	#game-screenshots{ padding:20px 0 30px; }
	#sliderNext{ margin:90px 0 0 1195px; }
	#sliderPrev{ margin:90px 0 0 -20px; }
	
	#unity{ margin:-45px 0 0 1050px; }
	
	#page-6 #footer{ top:621px; }
	
	#surgeon-simulator-ae #game-logo{ width:500px; left:50%; margin:200px 0 0 -250px; }
	#surgeon-simulator-ae #game-features{ margin:485px 0 0 980px; }
	#surgeon-simulator-ae #game-cta{ margin:565px 0 0 980px; }
	
	#surgeon-simulator-touch #game-features{ margin:455px 0 0 980px; }
	#surgeon-simulator-touch #game-cta{ margin:535px 0 0 980px; }
	
	#game-cta{ margin:535px 0 0 980px; }
	
	#nsltr-layer{ margin:500px 0 0 0; z-index:8000; right:10px; }
}

/* Medium desktop */
@media (max-width: 1250px) {  
	
	.container{ width:940px; }
	
	#hero{ min-height:516px; }
	
	#nsltr-layer{ margin:400px 0 0; }
	
	#nav{ width:580px; padding:0 0 0 10px; }
	#nav ul li a{ font-size:12px; }
	
	#engage{ width:340px; padding:0 10px 0 0; }
	
	#nsltr{ width:240px; }
	.nsltr-input{ width:200px; }
	.nsltr-input input{ font-size:12px; width:180px; line-height:40px; padding:0 10px; }
	
	#ae-buttons{ margin:-70px 0 0 -240px; width:400px; }
	#ae-buttons img{ max-width:130px; height:auto; }
	
	#game-burst{ width:450px; left:150px; top:230px; transform:rotate(-20deg); }
	#game-burst-close{ right:20px; top:20px; }

	#game-logo{ margin:30px 0 0 10px; }
	#game-logo img{ max-width:300px; height:auto; }
	#game-features{ margin:90px 0 0 680px; }
	#page-10 #game-features{ margin:50px 0 0 600px; }
	#page-10 #game-features img{ max-width:300px; height:auto; }
	#game-cta{ margin:200px 0 0 60px; }
	/*
	#page-8 #game-features{ width:260px; font-size:16px; margin:100px 0 0 660px; }
	#page-8 #game-features img{ margin:0 0 0 30px; }
	#game-features li{ margin:0 0 35px; }
	*/
	
	#surgeon-simulator-ae #game-logo{ width:400px; margin:150px 0 0 -200px; }
	#surgeon-simulator-ae #game-logo img{ max-width:400px; }
	#surgeon-simulator-ae #game-cta{ width:160px; margin:440px 0 0 760px; }
	#surgeon-simulator-ae #game-features{ width:160px; margin:380px 0 0 760px; }
	
	#surgeon-simulator-touch #game-cta{ width:160px; margin:410px 0 0 760px; }
	#surgeon-simulator-touch #game-features{ width:160px; margin:350px 0 0 760px; }
	
	#game-about{ min-height:592px; height:auto; background:url('img/game-about-rpt.png'); }

	#game-about-video{ width:auto; text-align:center; padding:0 20px; }
	#game-about-video p{ text-align:left; }
	
	#game-about-video iframe{ max-width:100%; height:300px; }
	#game-about-text{ width:900px; padding:40px 20px 0; }
	#game-about-cta{ position:relative; background:url('img/button-splat-bg.png') no-repeat; width:163px; height:90px; padding:75px 120px 0 70px; z-index:400; left:40px; margin:0 auto 20px; clear:both; }
	
	#game-screenshots{ padding:20px 0 30px; }
	#sliderNext{ margin:90px 0 0 940px; }
	#sliderPrev{ margin:90px 0 0 -30px; }
	
	#unity{ margin:-50px 0 0 800px; }
	
	#page-6 #footer{ top:483px; }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 950px) {
	
	.container{ width:100%; }
	.grid-container{ padding:0 20px; }
	
	#ae-buttons{ display:none !important; }
	
	#hero{ display:none; }
	#hero-hh{ display:block; }
	
	#nsltr-layer{ width:477px; height:324px; margin:40px 0 0 -240px; }
	
	#home-large{ display:none; }
	#home-small{ display:block; }
	
	#game-logo{ margin:30px 0 0 10px; }
	#game-logo img{ max-width:250px; height:auto; }
	#game-features{ right:10px; margin:40px 0 0 0; }
	#game-features img{ max-width:200px; height:auto; }
	#page-10 #game-features{ margin:50px 0 0 0; }
	#page-10 #game-features img{ max-width:200px; height:auto; }
	#game-cta{ margin:200px 0 0 30px; }
	
	#game-burst{ display:none !important; }
	#blackout{ display:none !important; }

	/*
	#page-8 #game-features{ width:220px; font-size:12px; margin:40px 0 0; right:20px; }
	#page-8 #game-features img{ margin:0 0 0 30px; }
	#game-features li{ margin:0 0 35px; }
	*/
	
	#surgeon-simulator-ae #game-logo{ margin:110px 0 0 -200px; }
	#surgeon-simulator-ae #game-cta, #surgeon-simulator-touch #game-cta{ width:160px; margin:340px 0 0 0; right:20px; }
	#surgeon-simulator-ae #game-features, #surgeon-simulator-touch #game-features{ width:160px; margin:280px 0 0 0; right:20px; }
	#surgeon-simulator-ae #game-features img, #surgeon-simulator-touch #game-features img{ max-width:160px; }
	
	#game-about-text{ width:90%; padding:40px 5% 0; }
	
	#sliderNext{ margin:70px 0 0 0; right:0; background-color:rgba(0,0,0,0.5); padding:8px 0; }
	#sliderPrev{ margin:70px 0 0 0; background-color:rgba(0,0,0,0.5); padding:8px 0; }
	
	#game-reviews{ min-height:411px; padding:80px 0 0 0; background:url('img/game-reviews-bg.jpg'); margin:40px 0 0; }
	#game-reviews-title{ position:absolute; background:url('img/game-reviews-title.png') no-repeat; width:322px; height:78px; text-align:center; color:#fff; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; padding:15px 0 0; left:50%; margin:-113px 0 0 -160px; font-size:36px; }
	.review{ background:url('img/game-review-bg.png') no-repeat; width:auto; height:65px; padding:42px 20px 0 140px; color:#000;  margin:0 0 0 0px; }
	
	#unity{ margin:10px auto 0; position:relative;  }
	
	#page-6 #footer{ top:0px; }
	
	#bossa-logo{ background:url('img/logo-bossa-on.png') no-repeat; }
}


 
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
	.container{ width:100%; }
	
	#nsltr-layer{ display:none !important; }
	
	#game-split{ width:100%; }
	#game-split-text{ width:100%; }
	#game-split-logo img{ max-width:300px; height:auto; }
	#game-split-logo{ margin:0 0 0 -150px; }
	#game-split-text a{ padding:490px 0 0; }
	
	#home-large{ display:none; }
	#home-small{ display:block; padding:30px 0 0; }
	#game-split-top, #game-split-base{ display:none; }
	#game-split-top-small, #game-split-base-small{ display:block; }
	
	#game-img{ margin:80px 0 0; }
	
	#game-logo{ text-align:center; position:absolute; margin:-60px 0 0 -125px; left:50%; }
	#game-logo img{ max-width:250px; height:auto; }
	#game-features{ right:auto; margin:50px 0 0 0; }
	#game-features img{ max-width:200px; height:auto; }
	#page-10 #game-features{ margin:50px 0 0 0; }
	#page-10 #game-features img{ max-width:200px; height:auto; }
	#game-cta{ margin:35% 0 0; right:20px; }
	/*
	#page-8 #game-features{ width:220px; font-size:12px; margin:50px 0 0; right:auto; }
	#page-8 #game-features img{ margin:0 0 0 10px; }
	#game-features ul{ margin:0; }
	#game-features li{ margin:0 0 10px; }
	*/
	#surgeon-simulator-ae #game-logo{ width:320px; margin:50px 0 0 -160px; }
	#surgeon-simulator-ae #game-logo img{ max-width:320px; }
	#surgeon-simulator-ae #game-img{ margin:0; }
	
	#surgeon-simulator-ae #game-features, #surgeon-simulator-touch #game-features{ right:auto; left:50%; margin:220px 0 0 -180px; }
	#surgeon-simulator-ae #game-cta, #surgeon-simulator-touch #game-cta{ right:auto; left:50%; margin:220px 0 0 0; }
	
	#game-about-title{ text-align:center; padding:50px 20px 30px; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:38px; }
	
	.review{ margin:0 0 0 -100px; font-size:13px; }
	
	.game-ae-about-cta{ width:120px; padding: 75px 80px 0 78px; }
	
}

@media (max-width: 570px) {
	.cta-left, .cta-right{ float:none; width:100%; padding:0; }

	.humble-iframe{ display:none; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	#hero{ min-height:270px; }
	
	#game-split-logo img{ max-width:200px; height:auto; }
	#game-split-logo{ margin:-40px 0 0 -100px; }
	
	#engage{ width:260px; }
	#nsltr{ width:180px; }
	.nsltr-input{ width:140px; }
	.nsltr-input input{ font-size:12px; width:120px; line-height:40px; padding:0 10px; }
	
	#home-small{ padding:60px 0 0; }
	
	.social-icon{ float:right; width:30px; margin:0 0 0 5px; }
	
	#game-features{ display:none; }
	#game-cta{ margin:45% 0 0 -100px; right:auto; left:50%; }
	#game-cta img{ max-width:200px; height:auto; }
	#game-img{ margin:80px 0 80px; }
	
	#surgeon-simulator-ae #game-logo{ width:250px; margin:20px 0 0 -125px; }
	#surgeon-simulator-ae #game-logo img{ max-width:250px; }
	#surgeon-simulator-ae #game-features, #surgeon-simulator-touch #game-features{ display:block; right:auto; left:50%; margin:160px 0 0 -180px; }
	#surgeon-simulator-ae #game-cta, #surgeon-simulator-touch #game-cta{ width:160px; right:auto; left:50%; margin:160px 0 0 0; }
	#surgeon-simulator-ae #game-cta img, #surgeon-simulator-touch #game-cta img{ width:160px; }
	
	.review{ background:url('img/game-review-bg.png') no-repeat; width:auto; height:95px; padding:20px 20px 0 140px; font-size:14px; color:#000;  margin:0 0 0 -100px; }
	
	#game-about-cta{ background:url('img/button-splat-bg.png') no-repeat; width:123px; height:90px; padding:75px 110px 0 70px; z-index:400; font-family:'quick_end_jerkregular', Arial, Helvetica, sans-serif; font-size:21px; text-transform:uppercase; font-weight:normal; }

}