/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}
legend,td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{margin:0}textarea{resize:vertical}

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   font-family:'Texta W00 Light';
   font-family:'Texta W00 Black';
   ========================================================================== */

body { font-family:'Texta W00 Light'; font-weight: normal; font-style: normal; }

/* initial stuff */
img, embed, object, video { max-width:100%; height:auto; width:100%; }
a { color:#222; text-decoration:none; transition:color .35s ease; }
a:hover, a.active { color:#222; }
a:focus, button:focus, select:focus {outline:0;}

/* bg img desktop */
html {
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-color:#fff;
}
html#home { background-image:url('../img/backgrounds/schnegg-woodwork_bg_01.jpg'); background-position: 100% 100%; }
html#about { background-image:url('../img/backgrounds/schnegg-woodwork_bg_02.jpg'); background-position: 100% 50%; }
html#work { background-image:url('../img/backgrounds/schnegg-woodwork_bg_04.jpg'); background-position: 100% 50%; }
html#contact { background-image:url('../img/backgrounds/schnegg-woodwork_bg_05.jpg'); background-position: 100% 50%;}
.img_mobile { background-image:none; }

/* logo + nav home */
#container.splash {
	position: relative;
	width:100vw;
	background:none;
}
#container.splash .logo {
	width:55vw;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}
#container.splash nav { position:absolute; top:50px; right:75px; left:auto; background:none; width:auto; padding:0; }
#container.splash nav ul li { padding:0; margin:0 10px; }
#container.splash nav ul li a { font-size:1.25em; color: #fff; }
#container.splash nav ul li a:hover { color: #ccc; }

/* content area subpages */
#container {
	position:absolute;
  right:0;
  width:284px;
  height:100vh;
  overflow-y:scroll;
  background: #fff;
}
#container .inner { width:210px; margin:0 auto; position:relative; height:100vh; }

#container .inner .logo { text-align:center; }
#container .inner .logo img { width:140px; }

.content { text-align:center; position: absolute; top: 50%; transform: translateY(-50%); }
.content h1 { font-family:'Texta W00 Black'; font-weight: normal; text-transform: uppercase; font-size:1.5em; line-height: 1.1; margin: 0 0 20px 0; }
.content h2 { font-weight: normal; text-transform: uppercase; font-size:.9375em; line-height: 1.3; margin:0; }
.content p, .content div.vcard { font-size:.9375em; line-height:1.3; margin: 0 0 15px 0; }
.content a:hover { color:#666; }

nav { text-align:center; position:fixed; bottom:5vh; width:284px; right:0; background:#fff; padding:1px 0; }
nav ul { padding:0; margin:0; }
nav ul li { display:inline-block; list-style:none; padding:0; margin:0 5px; }
nav ul li a { display:block; font-size:.9375em; text-transform: uppercase; }
nav ul li a.active { font-family:'Texta W00 Black'; }

/* Helper classes */
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   Media queries
   ========================================================================== */

@media only screen and (max-width : 1280px) {

	html#home { background-position: 100% 100%; }
	html#about { background-position: 100% 100%; }
	html#work { background-position: 0 100%; }
	html#contact { background-position: 100% 0; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (max-width : 768px) {

	html#home { background-image:url('../img/backgrounds/schnegg-woodwork_bg_01_768.jpg'); background-position: 0 0; }
	html#about,	html#work, html#contact { background-image:none; }

	#container { width:100%; height:auto; }
	#container .inner { width:75%; margin:0 auto; height:auto; }
	
	#container .inner .logo, .content, nav { position: static; }
	.content { top:0; transform:none; }
	.content br.hidden-md { display:none; }
	.logo { margin:40px auto; }
  nav ul { margin:50px 0 0 0; height:60px; }

	#container.splash { margin:0; height:100vh; }
	#container.splash .logo { width:100vw; }
	#container.splash nav { position: absolute; bottom:60px; right:0; left:0; top: auto; }
	#container.splash nav ul { margin:0; height:auto; }
  
	.img_mobile { background-size:contain; background-repeat:no-repeat; padding-bottom:67%; }
	html#about .img_mobile { background-image:url('../img/backgrounds/schnegg-woodwork_bg_02_768.jpg'); }
	html#work .img_mobile { background-image:url('../img/backgrounds/schnegg-woodwork_bg_04_768.jpg');  }
	html#contact .img_mobile { background-image:url('../img/backgrounds/schnegg-woodwork_bg_05_768.jpg'); }

}


@media only screen and (min-width: 768px) and (max-height: 825px) {

	#container .inner .logo { top:3vh; }
	.content { bottom:1vh; transform: translateY(-50%); }
	nav { bottom:3vh; }
	
}

@media only screen and (min-width: 768px) and (max-height: 680px) {

	#container .inner .logo { top:0; }
	.content { bottom:0; transform: translateY(-35%); }
	nav { bottom:0; }
		
}


/* retina displays */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

@media print{
	blockquote,img,pre,tr{page-break-inside:avoid}
	*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	blockquote,pre{border:1px solid #999}
	thead{display:table-header-group}
	img{max-width:100%!important}
	h2,h3,p{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}