/* RESET */
@font-face {
  font-family: 'BrandonGrotesque-Black';
  src:url('fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
	url('fonts/BrandonGrotesque-Black.otf')  format('opentype'),
	url('fonts/BrandonGrotesque-Black.woff') format('woff'),
	url('fonts/BrandonGrotesque-Black.ttf')  format('truetype'),
	url('fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'pn';
    src: url('fonts/pn.eot');
    src: url('fonts/pn.eot?#iefix') format('embedded-opentype'),
         url('fonts/pn.woff') format('woff'),
         url('fonts/pn.ttf') format('truetype'),
         url('fonts/pn.svg#pnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'pn';
    src: url('fonts/pn_bolditalic.eot');
    src: url('fonts/pn_bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/pn_bolditalic.woff') format('woff'),
         url('fonts/pn_bolditalic.ttf') format('truetype'),
         url('fonts/pn_bolditalic.svg#pnBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}


html, body {min-height:100%;}
html {font-size:100%;}
* {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none;}
abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, 
hgroup, mark, menu, meter, nav, output, progress, section, time, video {display:block;}
a {outline:none; text-decoration:none; color:#e65c84; transition:all linear 0.1s;}
a img {border:0;}
a:hover {text-decoration:underline;}
input, textarea, select {font-family:Arial, Helvetica, sans-serif; color:#000;}
img { max-width:100%; }
/* RESET */

body {
	margin:0;
	font-family:pn, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#494949;
	background:#000 url('img/body.jpg') center 0 no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	padding-top:36px;
	padding-bottom:50px;
}

* html .clearfix {height: 1%;}
*+html .clearfix {display: inline-block;}
.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }


#wrapper {width:660px; margin:auto;}

header {
	background:#333333;
/*	padding:20px;*/
	color:#5b5b5b;
	text-align:center;
	font-family:pn, Oswald, sans-serif;
	border-bottom:1px solid #000;
}

header h1 {font-size:9px; margin-bottom:10px;}

.content {
	background-color:#FFF;
	border-bottom:5px solid #b0b0b0;
	padding:50px 40px;
	text-align:center;
}

h2 {
	font-family:BrandonGrotesque-Black, "Times New Roman", Times, serif;
	font-size:49px;
	color:#000;
	line-height:120%;
	margin-bottom:30px;
}

/*.content p {font-style:italic; margin-bottom:30px;}*/

.btn {
	display:inline-block;
	width:85%;
	height: 91px;
	line-height:91px;
	-webkit-border-radius: 46px/46px 46px 45px 45px;
	-moz-border-radius: 46px/46px 46px 45px 45px;
	border-radius: 46px/46px 46px 45px 45px;
	background-color: #ff7e00;
	-webkit-box-shadow: 0 4px #cf5911;
	-moz-box-shadow: 0 4px #cf5911;
	box-shadow: 0 4px #cf5911;
	font-family:BrandonGrotesque-Black, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFF;
	font-size:32px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.btn:hover {background-color:#ff9600; text-decoration:none;}


@media only screen and (max-width:660px) {
	#wrapper {width:480px;}
	.content {padding-left:20px; padding-right:20px;}
	h2 {font-size:34px;}
	.btn {width:100%; font-size:26px;}
}

@media (max-width:768px){
	#wrapper {width:480px;}
	.content {padding-left:20px; padding-right:20px;}
	h2 {font-size:34px!Important;}
	.btn {width:100%; font-size:26px;}
}


@media only screen and (max-width:480px) {
	#wrapper {width:300px;}
}