body, html {margin:2px;font-family:'Open Sans';}

h1,h2,h3,h4 {
	font-family:'Jura';
	
}
div {
	line-height:140%; 

}

h2 {font-family: 'Jura',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    font-size: 4vh;line-height:120%; }

body > div:nth-of-type(1) {
	width:100%;
	/*height:calc(100% - 40px);*/
}

body > div:nth-of-type(2) {
	width:100%;
	text-align:center;
	margin-top:4px;
	float:left;
}

.btn {
	line-height:100%;
	
	font-family:'Jura';
	font-size: 2vw;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}

.txt {
	font-size: 1vw;
	font-size: 16px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:left;
}

.logo {
	font-family:'Jura';
	font-size: 3vw;
	display:flex;
	justify-content:center;
	align-items:center;
}

.head_logo {
	background:url('../img/logo.png');
	    height: 100px;
    width: 100px;
    position: fixed;
    top: 0;
    left: 20px;
    background-size: cover;
	cursor:pointer;
}

.navi_icon {
	height: 50px;
    width: 40px;
  padding-left: 1.25em;
  position: relative;
  position: fixed;
    top: 20px;
    right: 40px;
	cursor:pointer;
}
.navi_icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 60px;
  background: linear-gradient(
    to bottom, 
    white, white 10%, 
    transparent 10%, transparent 40%, 
    white 40%, white 50%, 
    transparent 50%, transparent 80%, 
    white 80%, white 90%,
	transparent 90%, transparent 100%
  );
}

.menu {
	visibility: visible;
  opacity: 1;
	position:absolute;
	left:calc(50% - 250px);
	top:calc(50% - 250px);
	width:500px;
	height:500px;
	background:rgba(255,255,255,0.7);
	display: flex;
    justify-content: center;
    align-items: center;
	
	}
.hidden {
	visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
	
	}
.blur {
	transition: filter 0.5s;
	filter: blur(10px) saturate(20%);
}

.wrapper {
	transition: filter 1s;
}







/* jura-regular - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jura-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jura-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jura-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jura-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jura-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jura-v16-latin-regular.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jura-700 - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jura-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jura-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jura-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jura-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jura-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jura-v16-latin-700.svg#Jura') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v26-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.btn a {color:white;text-decoration:none;    background: rgba(0,0,0,0.0);
    padding: 10px;}

	a {color:black;text-decoration:none}