a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{font-size:100%;margin:0;padding:0;border:0}html,body{width:100%;height:100%;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item;list-style:none}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{position:relative;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}p:empty{display:none!important}

/* Fonts
---------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,100);

/* General
---------------------------------------------------------------*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #120d07;
}


/* Typography
---------------------------------------------------------------*/
	
html {
	font-size: 62.5%; /* 62.5% font-size for REM use */
}
body {
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.2rem;
	line-height: 2;
	color: #FFF;
}


/* Content
---------------------------------------------------------------*/

.nav-bar {
	padding:30px 0 0 0;
	width:90%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:10;
	text-align:right;
}

.nav-bar ul li {
	display:inline-block;
	text-decoration:none;
}

.nav-bar ul li a {
	padding-left:10px;
	font-size:14px;
	color:rgba(255,255,255,0.55);
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.nav-bar ul li a:hover {
	color:#FFF;
}

.background {
	position: absolute;
}

.text-block {
	max-width:500px;
	width: 80%;
 	margin: 0 auto;
	color: #fff;
	z-index: 10;
	text-align: center;	
}
.text-block img {
	display: inline-block;
	width: auto;
	//max-width: 35px;
	height: auto;
}
.text-block .divider {
	display: block;
	width: 37px;
	height: 2px;
	margin: 37px auto 0;
	background: #ff6600;
}
.text-block h1 {
	font-family: "Lato", sans-serif;
    font-weight: 100;
    font-size: 24px;
	letter-spacing: 2px;
	margin: 22px 0 15px;
}
.text-block h2 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
/* Animations */
.text-block img,
.text-block .divider,
.text-block h1,
.text-block h2 {
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
}
.text-block.show img,
.text-block.show .divider,
.text-block.show h1,
.text-block.show h2 {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.text-block .divider {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.text-block h1 {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.text-block h2 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

#bg-image.show {
	opacity: 1;
}

#bg-image:before {
	content:"";
	position:absolute;
	background:#000;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	opacity:0.10;
}

#bg-image {
	background: url("/assets/DSC08769.JPG?nocaching") no-repeat center center #111;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
	-webkit-transition: opacity 0.7s ease;
	-moz-transition: opacity 0.7s ease;
	-o-transition: opacity 0.7s ease;
	transition: opacity 0.7s ease;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
	opacity:0;
}

.full-hero {
	min-height: 600px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.full-hero-inner {
   	height: 100%; 
    position: absolute;
    width: 100%;
    z-index: 3;
}

.full-hero-inner .entry-header {
    	display: -webkit-flexbox;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: -webkit-box;
    	display: flex;
    	height: 100%;
    	position: relative;
    	width: 100%;
    	-webkit-align-items: center;
    	align-items: center;
    	-webkit-box-align: center;
    	-webkit-flex-align: center;
    	-ms-flex-align: center;
}
.button {
	text-decoration:none;
	box-shadow:none;
	padding:5px 15px;
	border:1px solid #008ec2;
	color:#FFF;
	border-radius: 3px;
	text-align:center;
	display:inline-block;
}
.button:nth-child(2)Â {
	background:#008ec2;
}
