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

}

body { background:#28323e url('../images/site_bg.png') 0 0 no-repeat; background-size:cover; color:#FFF; font-family: 'Jura', sans-serif; }
	.c-page_title {
		font-size:1.363em;
		line-height:1.6180437845;
		color:#c30404;
		text-transform:uppercase;
		font-family: 'Jura', sans-serif;
		width:100%;
		max-width:47em;
		margin:1% auto;
		text-align:center;
		position:relative;
	} /* 21.808px - Page Titles */
		.c-page_title:before, .c-page_title:after {
			display:inline-block;
			content:'';
			width:32%;
			border:0.0625em solid #FFF;
			position:absolute;
			top:0;
			margin:auto 0;
			height:0;
			bottom:0
		}
		.c-page_title:before { left:0; }
		.c-page_title:after { right:0; }
		
	.c-article_title {
		font-size:2.618em;
		line-height:1.6180437845;
		color:#FFF;
		text-transform:uppercase;
		font-family: 'Jura', sans-serif;
	} /* 41.887px - Article Titles */
	.c-article_headline {
		font-size:1.363em;
		line-height:1.6180083436;
		color:#FFF;
		text-transform:uppercase;
		font-family: 'Jura', sans-serif;
	} /* 21.808px - Article Headlines */
	.c-article_subheadline {
		font-size:1.618em;
		line-height:1.6226319894;
		color:#FFF;
		text-transform:uppercase;
		font-family: 'Jura', sans-serif;
	}  /* 25.888px - Article Sub-headlines */
	
    .u-header_regular { font-size:1em; line-height:1.618; font-family: 'Jura', sans-serif; } /* 16px */
    .u-header_small { font-size:0.842em; line-height:1.6180050468; font-family: 'Jura', sans-serif; } /* 13.474px */
    .u-header_xsmall { font-size:0.618em; line-height:1.6179593488; font-family: 'Jura', sans-serif; } /* 9.889px */

p {
    font-family: 'Jura', sans-serif;
    line-height:1.618;
    padding:0.625em;
    margin-bottom:1.618em;
    text-align:justify;
  }
    a {
	    font-family:inherit;
	    color:#FFF;
	    text-decoration:none;
	    border-bottom:0.0625em dotted #FFF;
			-webkit-transition: all 0.5s linear;
			-moz-transition: all 0.5s linear;
			-ms-transition: all 0.5s linear;
			-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
    	a:hover, a:visited, a:active { color:#FFF; }
    	a:visited:hover { color:#FFF; }

sup, sub {
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
	sup { bottom:1ex; }
	sub { top:.5ex; }

small { font-size:75%; }
big { font-size:125%; }

.u-uppercase { text-transform:uppercase; text-align:justify; font-size:125%; }
.u-rockit { font-family: 'rock_itregular'; }

/*-------------------------------------------------------------- Frame */
.c-banner_content, .o-site_content { width:100%; max-width:64em; margin:0 auto; }

	.c-banner_left, .c-banner_right {
		width:49.5%;
		display:inline-block;
		vertical-align:top;
		min-height:50px;
	}
		.c-banner_left {
			vertical-align:bottom;
		}
	.c-banner_bottom { width:100%; min-height:210px; }
	
	.c-content_top { min-height:129%; }
	.c-content_bottom {
		width:100%;
		max-width:64em;
		margin:0 auto;
	}
		.c-video_wrapper {
			width:50%;
			margin:0 auto;
			position:relative;
			height:300px;
		}
			.c-video_wrapper iframe, .c-video_wrapper object {
				position:absolute;
				top:0;
				left:0;
				width:100%;
			}
			
	.c-content_contact li, .c-content_contact li p { text-align:center; }

/*-------------------------------------------------------------- Main */
.c-banner { background:url('../images/banner_bg.png') right -115px no-repeat; background-size:55%; }
	.c-banner_content { background:url('../images/rockgod.png') right top no-repeat; background-size:47%; }
	.c-banner_left p { text-align:center; }
	.c-banner_left img { width:100%; height:auto; }
	.c-banner_right img {  width:100%; max-width:215px; height:auto; }
	.c-banner_bottom img {
		float:right;
		clear:both;
		width:100%;
		height:auto;
		max-width:317px;
	}

.c-content_break { background:url('../images/mearini2.png') right top no-repeat; background-size:contain; }
	.c-content_top { background:url('../images/pickofdestiny.png') center center no-repeat; background-size:contain; }

/*-------------------------------------------------------------- Media Queries */

/* Does the same thing as <meta name="viewport" content="width=device-width">, but in the future W3C standard way. */
/* -ms- prefix is required for IE10+ to render responsive styling in Windows 8 "snapped" views; */
@-ms-viewport { width:device-width; }

@viewport { width:device-width; }

/* font smoothing target higher pixel density screens Chrome and Safari mobile http://www.intridea.com/blog/2014/5/8/better-font-smoothing-in-chrome-on-mac-os-x */
@media
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and ( min-device-pixel-ratio:1.25),
only screen and ( min-resolution:200dpi),
only screen and ( min-resolution:1.25dppx){
    -webkit-font-smoothing:subpixel-antialiased;
}

/* Wide screens */
@media only screen and (max-width:2000px){

}

/* Wide screen laptops */
@media only screen and (max-width:1440px){

}

/* Standard Laptop and desktop screen */
@media only screen and (max-width:1024px){
	
}

/* Small Tablets (landscape) */
@media only screen and (max-width:800px) {
	.c-banner { background-position-y:57px; }
		.c-banner_content { background: url('../images/rockgod.png') 434px 134px no-repeat; background-size: 34%; }
			.c-banner_left, .c-banner_right { display:block; margin:0 auto; }
			.c-banner_bottom img { float:none; margin:0 auto; display:block; }
	
	.c-content_top { min-height:75%; }
	
	p { text-align:center; }
}

/* Large Tablets (portrait) */
@media only screen and (max-width:768px) {
	.c-banner { background-position-x:center; }
		.c-banner_content { background:none; }
			.c-banner_left, .c-banner_right { width:90%; }
			.c-banner_right img { display:block; margin:0 auto; }
			
	.c-video_wrapper { width:100%; }

}

/* Smartphones/Small Tablets (landscape/portrait) */
@media only screen and (max-width:480px) {
	.c-banner { background-size:85%; }
	.c-banner_right img { width:125px; }
	.c-banner_bottom img { max-width:300px; }
	.c-content_top { min-height:45%; }
}

/* Smartphones (portrait) */
@media only screen and (max-width:320px) {

}

/*-------------------------------------------------------------- Print */
@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
		body { background:none !important; /* Brute force since user agents all print differently. */ font-size:11.25pt; }
		    a, a:visited { text-decoration:underline; }
		        a[href]:after { content:" (" attr(href) ")"; }
		
		    abbr[title]:after { content:" (" attr(title) ")"; }
		    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
		    pre,blockquote { border:0.076rem solid #999; page-break-inside:avoid; }
		    thead { display:table-header-group; }
		    tr,img { page-break-inside:avoid; }
		        img { max-width:100%!important; }

	    @page { margin:0.5cm; }
	    p, h2, h3 { orphans:3; widows:3; }
	        h2, h3 { page-break-after:avoid; }
}