/**
 * Project:		Yukon Nuggets
 * Style Sheet:	Base Layout
/* ---------------------------------------- */

html {
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

body {
    font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 100%;
	line-height: 1.4em;
	width: 100%;
	min-height: 100%;
	color: rgb(109, 110, 113);
	background-color: #FFFFFF;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	/* Better Font Rendering =========== */
	/*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	*/
}



	/**
	 * BASIC TEXT STYLES
	 */
		
		a:link, a:active, a:visited {
			color: rgb(36, 121, 157);
			text-decoration: none;
		}
		a:hover {
			color: rgb(112, 101, 73);
		}		
			
		

		.clearfix { zoom: 1; }
			.clearfix:before,
			.clearfix:after {
				content: "";
				display: table;
			}
			.clearfix:after { clear: both; }


		h1, h2, h4, h5, h6{
			font-family: 'MicrobrewThreeInline', sans-serif;
			font-weight: normal;
	font-style: normal;
font-variant: normal;
font-variant-ligatures: none;
		}		
		
		h1 {
			font-size: 270%;
			line-height: 1em;
			margin-bottom: 1em;
			color: rgb(36, 121, 157);
		}
		
		h2 {			

			font-size: 130%;
			line-height: 1em;
			margin-bottom: 1.25em;
			color: rgb(36, 121, 157);
						
		}
		
		h3 {
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 130%;
			line-height: 1em;
			color: rgb(36, 121, 157);
			margin-top: 1em;
			margin-bottom: 0.3em;
		}
		
		h4 {
			font-size: 110%;
			color: rgb(36, 121, 157);
			text-transform: uppercase;
			margin: 0.4em 0;
		}

		h5, h6 {
			font-size: 100%;
			line-height: 1.3em;
			margin: 0 0 0.4em;
			color: rgb(36, 121, 157);
		}

				
		h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

		
		p { margin: 0 0 1em; font-size: 120%; }
		
		strong, b { font-weight: 600; }
		
		em { font-style: italic; }
		
		img { max-width: 100%; }
		img.pad { max-width: none; display: block; }			
				
		.no-mobile {
			display: none;
		}

		
		/*	for content semantics	*/
		.outline {
			display: none;
		}
		
		/*	hides from browsers, leaves accessible to screen readers	*/
		.reader {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}




	/**
	 * LAYOUT BLOCKS
	 */

		#viewport {
			width: 100%;
			background-color: transparent;
			position: relative;
			z-index: 100;
		}
		
		.wrap {
			width: 98%;
			max-width: 1240px;
			margin: 0 auto;
			padding: 0;
		}
		.wrap.wide { max-width: 1770px; }



	/**
	 * CENTERRING STYLES
	 *
	 * Elements using these styles should be placed within a positioned parent
	 * to which the centerring will be relative.
	 */

		.center,
		.center-horrizontal,
		.center-vertical { position: absolute; }
		
		.center {
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			   -moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				 -o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
		}
		
		.center-horrizontal {
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			   -moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
				 -o-transform: translate(-50%, 0);
					transform: translate(-50%, 0);
		}
		
		.center-vertical {
			top: 50%;
			-webkit-transform: translate(0, -50%);
			   -moz-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				 -o-transform: translate(0, -50%);
					transform: translate(0, -50%);
		}






/**********************
		SMALL
**********************/
@media only screen and (min-width: 600px) {
		
}



/**********************
		MEDIUM
**********************/

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



}



/**********************
		LARGE
**********************/

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

	.wrap {
		max-width: 1650px;
	}
		
}