@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
	display: block;
}
a img {
	border: 0;
}
img {
	max-width:100%;
}
.huge, h1 {
	font: normal 170px/100% 'suvas', arial, sans-serif;
	padding-bottom:10px;
	text-transform:uppercase;
	text-shadow:0 -1px 0 #0a2b5e;
	text-shadow: 0 3px 4px rgba(0, 0, 0, .8);

}
.title {
	position:relative;
	display:inline-block;
	padding:60px 0 0;
}
.title span {
	font: normal 65px/130% 'honey', arial, sans-serif;
	position:absolute;
	left:-100px;
	top:0;
	text-shadow:0 -1px 0 #000;
	-webkit-transform: rotate(-8deg);  /* Saf3.1+, Chrome */
	-moz-transform: rotate(-8deg);  /* Firefox 3.5-15 */
	-ms-transform: rotate(-8deg);  /* IE9 */
	-o-transform: rotate(-8deg);  /* Opera 10.5 */
	transform: rotate(-8deg);  /* Firefox 16+ */
 filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
 M11=0.9902680687415704, M12=0.13917310096006544, M21=-0.13917310096006544, M22=0.9902680687415704, sizingMethod='auto expand');
	zoom: 1;
}
h1 b {
	text-transform:capitalize;
}
h2 {
	display:block;
	margin:0 auto;
	padding:3px 5px 30px;
	max-width:650px;
	font:normal 32px/110% 'Proxima', arial, sans-serif;
	opacity: 1;
	color:#acacac;
	text-shadow: 0 -1px 0px #000;
}
p {
	padding:50px 0 20px;
}
h2 a {
	color:#fff;
	text-decoration:none;
	padding:0 4px; display:inline-block;
	 -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out; 
		  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:90%;
}
h2 a:hover {
	color:#000;
	background: #EDC435;
	text-shadow:0 -1px 1px #fff;
	  -webkit-box-shadow: 0px 0px 8px 0px #000; 
          box-shadow: 0px 0px 8px 0px #000;
}

::selection {
background: #EDC435;
}
::-moz-selection {
background: #EDC435;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
html {
	height:100%;
}
body {
	-webkit-tap-highlight-color: #d87223;
	font:16px/150% "Proxima", arial, sans-serif;
	color:#ffffff;
	text-align:center;
	-webkit-text-size-adjust: 100%;
	background:url(../img/bg.jpg) 0 0 #3e4946;
	-webkit-mask-image: url('../img/mask.png');
	-moz-mask-image: url('../img/mask.png');
	-ms-mask-image: url('../img/mask.png');
	-o-mask-image: url('../img/mask.png');
	mask-image: url('../img/mask.png');
}
.bar {
	background:url(../img/page-bg.png) repeat-x 0 100%;
	height:15px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	-webkit-mask-image: url('../img/mask.png');
	-moz-mask-image: url('../img/mask.png');
	-ms-mask-image: url('../img/mask.png');
	-o-mask-image: url('../img/mask.png');
	mask-image: url('../img/mask.png')
}
.branding p {
	margin:0;
	padding:0;
	text-shadow:0 -1px 0 #000;
}

@media (min-width: 768px) and (max-width: 979px) { 
.huge, h1			{font:normal 140px/100% 'suvas', arial, sans-serif}
.title				{padding:40px 0 0 0;}
.title span 		{font: normal 50px/130% 'honey', arial, sans-serif; left:-80px; top:0;}
h2					{font:normal 26px/110% 'Proxima', arial, sans-serif;max-width:550px;}
.branding img		{height:200px;}
}

@media (max-width: 767px) {
.huge, h1			{font:normal 100px/100% 'suvas', arial, sans-serif}
.title				{padding:30px 0 0 0;}
.title span 		{font: normal 35px/130% 'honey', arial, sans-serif; left:-50px; top:0;}
h2					{font:normal 24px/110% 'Proxima', arial, sans-serif;max-width:460px;}
.branding img		{height:180px;}
}
@media (max-width: 480px) {
.huge, h1			{font:normal 100px/100% 'suvas', arial, sans-serif}
.title				{padding:10px 0 0px 0;}
.title span 		{font: normal 30px/120% 'honey', arial, sans-serif; left:50%; margin-left:-90px; top:90px; width:180px; background:#EDC435; color:#000; text-shadow: 0 -1px 0px #fff;}
h2					{font:normal 20px/110% 'Proxima', arial, sans-serif;max-width:320px;}
.branding img		{height:150px;}
}