﻿@charset "utf-8";
/* CSS Document */

.superboy h1 {visibility:hidden; height:0;}
.superboy h2:first-of-type {margin-top:5em; clear:both;} 
.superboy .content p {text-shadow:none !important;}

/* Media Queries */
@media only screen and (min-width: 1100px) {
	.superboy {min-height:60em;}
	.superboy .content{padding-top:2em;}
	.superboy .content p{margin-bottom:.8em;}
	}  
@media only screen and (max-width: 1099px) {
	.superboy {background-size:125% auto, 125% auto; min-height:60em;}
	.superboy .content{padding:0px 0 30px; width:45%; font-size:1.1em;}
	.superboy .content p{font-size:1em; margin-bottom:1em;}
	}
@media only screen and (max-width: 800px) {
	.superboy, .sign{background-size:125% auto;}
	.superboy h1{font-size:2.5em;}
	.superboy .content{padding-top:0;}
	.superboy .content p{font-size:1em; margin-bottom:1em;}
	}   
@media only screen and (max-width: 730px) {
	.logo {position:relative; top:20px;}
}
@media only screen and (max-width: 540px) {
	.superboy .logo {width:100%; max-width:380px;}
	.superboy h1{padding:0;}
	.superboy .content {width:90%; padding:0 0 20em;}
	}
@media only screen and (max-width: 420px) {
	.superboy .logo {width:90%;}
}
@media only screen and (max-width: 400px) {
	.superboy h1{font-size:194%;}
	.superboy .content {width:90%; padding:0 0 16em;}
	}
/* end Media Queries */