/* CSS Document */

html, body {width:100%; height:100%; overflow-y:scroll; margin:0; padding:0;}
body {background: #cedce7;
background: -moz-radial-gradient(center, ellipse cover, #cedce7 0%, #596a72 100%);
background: -webkit-radial-gradient(center, ellipse cover, #cedce7 0%,#596a72 100%);
background: radial-gradient(ellipse at center, #cedce7 0%,#596a72 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 );}

#main-wrapper p.intro,
#main-wrapper p.close {text-shadow: 1px 1px 3px #fff;}
.bold {font-weight:700;}

@media screen and (min-width:360px) {

}
#main-wrapper {
    /*border: 0.3em dotted pink;*/
    height: 100%;
    padding: 0;
    width: 100%;
}
#main-wrapper p.title {font-size:2.5em;width:100%;float:none;padding:2%;text-align:center;}
#main-wrapper p.intro {float:none;	width: 100%;padding:4%;font-size: 1.7em;line-height: 1.4em;font-weight:700;	text-align:justify;}
#main-wrapper p.intro-2 {float:none;width: 100%;padding:2%;font-size: 1.7em; line-height: 1.4em;font-weight:700;text-align:center;}	
#main-wrapper p.close {float:none; width:100%;font-size: 2em;padding: .5em;font-weight:700;}
#main-wrapper ul.colors {float: none; width: 100%; background: #CC9966;	font-size:1.4em; margin: 0; padding: 1% .5em .5em;}
#main-wrapper img.salmon {height: auto; width: 100%;border: 0; float: none; padding: 5%;}
#main-wrapper img.beach {height: auto;width: 100%;border: 0;float: none; padding: 0;}
#main-wrapper img.email {height: auto;width: 100%;border: 0;float: none;padding: .5%;}
#main-wrapper img.label {height: auto;width: 100%;border: 0;float: none;padding: .5%;}
#main-wrapper img.shirt {height: auto;width: 100%;border: 0;float: none;padding: .5%;}
#main-wrapper p span.salmon {color: #FF9999; font-size: 1em; padding: 0%;text-shadow: 1px 1px 3px #000;}
#main-wrapper p span.salmon-2 {color: #FF9999; font-size: 1.6em; padding: 0%;text-shadow: 1px 1px 3px #000; text-align:center;}
#main-wrapper p span.salmon-3 {color: #FF9999; font-size: .9em; padding: 0%;text-shadow: 1px 1px 3px #000;}




#main-wrapper ul li {list-style: square; margin: .5em 0 0 3em; padding: 1% .5em; width: 80%;}
@media screen and (min-width:480px) {
#main-wrapper img.salmon {display: table; height: auto; width: 35%;	border: 0; float: left; padding: 2%;}
	 
}
@media screen and (min-width:1200px) {
#main-wrapper img.salmon {display: table; height: auto; width: 35%; border: 0; float: left; padding: 2%;}

#main-wrapper p.intro {float:right; width: 65%;	padding: 1%; font-size: 1.7em; line-height: 1.4em; text-shadow: 1px 1px 3px #fff; float:right;}

#main-wrapper ul.colors {float: right; width: 64%; background:#CC9966; font-size:1.4em;	margin: 0; padding-bottom: 1em;}

#main-wrapper p.close {float:left; width:36%; font-size: 2.5em; padding: 1em;}
#main-wrapper p span.salmon {font-size: 1.6em; padding: 0%;text-shadow: 1px 1px 3px #000;}
#main-wrapper p span.salmon-2 {font-size: 2.5em; padding: 0%;text-shadow: 1px 1px 3px #000; text-align:center;}
#main-wrapper p span.salmon-3 {font-size: 1.1em; padding: 0%;text-shadow: 1px 1px 3px #000;}
#main-wrapper img.beach {height: auto; width: 64%; border: 0; float: right; padding: 0;}
#main-wrapper img.shirt {height: auto; width: 64%; border: 0; float: right; padding: .5%;}
#main-wrapper p.title {font-size:3.4em; width:100%; float:none;}
#main-wrapper p.title span.big {font-size:1.6em;}

}