.menu_item_a {
display:block;
}

.menu_item_a_top{

color:#FFFFFF;
text-decoration:underline;
text-underline-offset:4px;
}

.menutopdiv {
font-size:20px !important;
text-align:left !important;
padding:12px 10px !important;
display:block;

}

a.inst-icon{
	background:url(../images/inst_33px.svg);
	width: 33px;
	height: 33px;
	display:inline-block;
	float:right;
	position:relative;
	top:-6px;
	}




.menu_item_img {
width:100%;
height:100%;
}

.menu_item_name {
background-color:#000000;
color:#FFFFFF;
font-size:26px;
padding:7px 0px;
text-align:center;
}

.menu_item {
background-color:#000000;
color:#FFFFFF;
display:block;
margin: auto;
}

.menu {
display:block;
margin: auto;
padding-top: 110px;
max-width: 460px;
width: 100%;
}

.content-image {
	display:block;
	margin: auto;
	}

.content-wrapper{
margin-top:8px;
	width:100%;


	
	}

.content {
	width:100%
	min-width: 360px;
	max-width: 460px;
	margin:auto;
	display: block;
  	justify-content: center;
	}
	
.chapter  {
padding:5px 27px;
text-align:left;
}

.chapter a {
text-decoration:underline;
}
	
.chapter  h1 {
font-size:27px;
margin-top:20px;
margin-bottom:15px;
}
.chapter img {
min-width: 200px !important;
margin-top: 20px !important;
margin-bottom:20px !important;
}

	
.content img {
	width:100%;
	max-width:460px;
	min-width:360px;
	height: auto;
	margin:auto;
	display:block;
	

}



.content p.underimg {
	margin: 21px 20px 31px 20px;
	font-size: 22px;
}


.innerh {
font-size: 15px;
color:#FF0000;
text-decoration:underline;
}

.innertit {
color: #000000;
text-decoration:none;
}



.logo {
position:fixed;
top: 0px;
left:50%;
transform: translateX(-50%);
	width: 100%;
	max-width: 460px;
	min-width:360px;
	margin:0 auto;
	display:block;
	}
	
.foot{
margin:auto;
display:block;
max-width:460px;
width:100%;
text-align:center;
position:absolute;
left:0;
bottom:0px;
}	

.prefoot { height:110px; display:block;}
	
.foot_logo{
margin:auto;
width:100%;
}	

.copyri {
margin:12px 0;
font-size: 12px;
}


	
	
	.logoback {
position:fixed;
top: 0px;
left:50%;
transform: translateX(-50%);
	width: 100%;
	max-width: 460px;
	min-width:360px;
	min-height:100px;
	margin:0 auto;
	display:block;
	background-color: white;
	}

.logospace{
	width:100%;
	max-width:460px;
	min-width:360px;
	height:auto;
	margin:auto;
	display:block;
}

.body-wrapper{
	width:100%;
	margin:auto;
			min-height: 100vh;
			position:relative;
			max-width:460px;
			margin-bottom: -110px;
	}
	
	
body {
font-family: Futuris;
	font-size:17px;
	background:url(../images/body_pattern_en.jpg) no-repeat top;
	

}	
	
	
* {
   margin: 0px;
   padding: 0px;
}	
	
a,img{
	border:0;
	}
	
a{
	text-decoration:none;
	}	
	
	
	
ul{
	list-style:none;
	}	
	
.clr{
	clear:both;
	height:0px; /*was 1px*/
	}	
	
	@font-face {
    font-family: 'Futuris';
    src: url('../fonts/Futuris.eot');
    src: local('FuturaFuturisC'),
	    url('../fonts/Futuris.eot?') format('eot'), 
        url('../fonts/Futuris.woff') format('woff'),
        url('../fonts/Futuris.ttf') format('truetype'),
        url('../fonts/Futuris.otf') format('opentype'),
        url('../fonts/Futuris.svg#webfontS2rh8Zow') format('svg');
    font-weight: normal;
    font-style: normal;
}







.mvisible,
.mhidden {
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.mvisible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.mhidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}
.mvisible > div,
.mhidden > div {
  /* Put any padding, border, min-height, etc. here. */
}
.mhidden > div {
  margin-top: -10000px;
  transition: margin-top 0s 0.5s;
}