@font-face {
    font-family: sault_alpha;
    src: url('../fonts/saultalpha-light-webfont.woff2') format('woff2'),
         url('../fonts/saultalpha-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: sault_alpha;
    src: url('../fonts/saultalpha-medium-webfont.woff2') format('woff2'),
         url('../fonts/saultalpha-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: sault_alpha;
    src: url('../fonts/saultalpha-regular-webfont.woff2') format('woff2'),
         url('../fonts/saultalpha-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
	font-family: Sault;
    font-style: normal;
    font-weight: 300;
	src: url("../fonts/SaultAlpha-Light.woff");
}

@font-face {
	font-family: Sault;
    font-style: normal;
    font-weight: 500;
	src: url("../fonts/SaultAlpha-Medium.woff");
}

@font-face {
	font-family: Gauthier;
	src: url("../fonts/GauthierFY-Italic.woff");
}

body {
	margin: 0em !important;
	font-family: 'sault_alpha', sans-serif;
	color:#333;	
	font-size: 0.9em;
	font-weight:300;
	 font-feature-settings: 'cv11' 0, 'zero' 0, 'ss02' 0, 'ss01' 1;
	line-height: 1.4em;
    letter-spacing: 0.4
	}
	
@keyframes fade { 
    0% { 
        opacity: 0; 
    } 
    70% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
} 

section{
	margin-bottom: 3em;
	}	

article {
    padding: 3em;
	margin-left: 30%;
	animation: fade ease 2s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 
}

a {	
	color: #333;	
	text-decoration: none;
	border-bottom: 1px solid #444;
	}
	
em {
    font-family: "sault_alpha";
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0
}

a:hover {
	border-bottom: none;
}
	
	
small {
	font-size: 0.8em;
    line-height: 1.6
}

c {
	padding: 1em;
	}

h1 {
    font-family: 'Gauthier', serif;
	margin: -0.1em 0px 1em 0px !important;
	font-size: 2.5em;
	line-height: 1.2em;
	letter-spacing: -0.5;
	font-weight: 400 !important;
}

h2 {
    font-family: 'Gauthier', serif;
	margin: -0.1em 0px 1em 0px !important;
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: -0.5;
	font-weight: 400 !important;
}

h4 {
    font-weight: 500;
	font-size: 1.4em;
	margin: 0;
    line-height: 1.4
}

p {
	margin: 0px 0px 1em 0px !important;	
	}

.logo {
    background-image: url('../img/sushlogolow.gif');
    height:3em;
    background-size:3em;
    margin:-0.2em 0 0 -0.5em;
    background-repeat: no-repeat;
    opacity: 1;
}

.title {
	font-weight: 700;
	margin-bottom: 1em;
	border-bottom: 0px;
	}
	
nav a, footer {
	border-bottom: none;
	opacity: 0.5;
	transition: all 0.3s
}

nav a:hover, .intro a {
	border-bottom: none;
	opacity: 1;
	transition: all 0.3s
	}
	
nav a:hover {
}

nav ul {
	margin: 0em !important;
	padding: 0em !important;
	line-height: 1.5em;
	list-style: none;
}

nav {
	padding: 3em;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	}

.navbreak {
    display: none;
    }
	
.bottom {
	position: fixed;
	bottom: 3em;
}

.current{
    font-family: "Gauthier", serif;
    letter-spacing: 0.1;
	opacity: 1;
	cursor: default;
	}

.right {
	float: right;
	}

.right a {
	margin: 0px
	}

img {
	width: 100%;
	}

intro {
}

/* Loader */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  	opacity: 0;
	transition: opacity 1s;
}

.pace .pace-progress {
	opacity: 1;
  background: #222222;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/* Mobile */
@media only screen and (max-width:1024px) {
    
    nav, article {
    max-width: 600px;
        margin: 0 auto !important;
	}
    
	
.navbreak {
    opacity: 60%;
    display: block;
    }    
    
body {
	padding: 0em;
}

h1 {
	font-size: 2em;
}

    h2 {
}
    
nav {
	width: inherit;
	margin: 0em;
	padding: 1em;
	position: inherit;
	}
    
.navbreak {
    }

article {
	padding: 1em;
	margin-top: 2em;
	margin-left: 0%;
}
	
.bottom {
	display: none
}