*, *::before, *::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 400;
  src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v10/z6c3Zzm51I2zB_Gi7146Bg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
	color:#000;
	margin:0;
	z-index:0;
	font-family: Muli,arial;
}

.maxwidth {
	margin:0 auto;
	width:100%;
	max-width:900px;
}

a {
	color:#000;
}

#background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-image: url(../images/background6.jpg);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-10;
}

#background.background1 {
	background-image: url(../images/background1.jpg);
}
#background.background2 {
	background-image: url(../images/background2.jpg);
}
#background.background3 {
	background-image: url(../images/background3.jpg);
}
#background.background4 {
	background-image: url(../images/background4.jpg);
}
#background.background5 {
	background-image: url(../images/background5.jpg);
}
#background.background6 {
	background-image: url(../images/background6.jpg);
}

ul.menu {
	margin:0;
	padding:0;
	list-style:none;
}
ul.menu li {
	display:block;
}
ul.menu li a {
	display:block;
	height:50px;
	line-height:30px;
	padding:10px 10px 10px 40px;
	white-space:nowrap;
	font-size:1.2em;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
	color:#555;
}
ul.menu li:nth-child(1) a {
	background-image: url(../images/menu1.png);
}
ul.menu li:nth-child(2) a {
	background-image: url(../images/menu2.png);
}
ul.menu li:nth-child(3) a {
	background-image: url(../images/menu3.png);
}
ul.menu li:nth-child(4) a {
	background-image: url(../images/menu4.png);
}
ul.menu li:nth-child(5) a {
	background-image: url(../images/menu5.png);
}
ul.menu li:nth-child(6) a {
	background-image: url(../images/menu6.png);
}

#mobilemenutrigger {
	display:none;
	position:fixed;
	top:0;
	right:0;
	color:white;
	font-size:1.1em;
	line-height:45px;
	padding: 0 60px 0 10px;
	background: #444 url(../images/mobilemenu.png) no-repeat right center;
	-moz-box-shadow: -3px 3px 5px rgba(0,0,0,0.5);
	box-shadow: -3px 3px 5px rgba(0,0,0,0.5);
	border-bottom-left-radius:5px;
}
#mobilemenutrigger:hover {
	cursor:pointer;
}

#mobilemenu {
	display:none;
	position:fixed;
	top:45px;
	right:0;
	-moz-box-shadow: -3px 3px 5px rgba(0,0,0,0.5);
	box-shadow: -3px 3px 5px rgba(0,0,0,0.5);
	background-color:#fff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#mobilemenu li {
	margin: 0 10px;
}

#menu {
  margin-bottom:30px;
}

#menu li {
	display:inline-block;
}

#mainlogo {
	margin-top:10px;
	margin-bottom:30px;
	width:100%;
	max-width:400px;
}

.section {
	min-height:100vh;
	margin-bottom:80vh;
	background-color:#fff;
	padding:10px 10px 200px;
	z-index:20;
	-moz-box-shadow: 0 0 40px rgba(0,0,0,1);
	box-shadow: 0 0 40px rgba(0,0,0,1);
	overflow:hidden;
	background: #fff url(../images/sectionfooter.png) repeat-x left bottom;
}
.section h1 {
	line-height:40px;
	padding-left:50px;
	text-indent:-50px;
}
.section h1.section6 {
	padding-left: 106px;
	text-indent: -106px;
}
.section h1 img {
	vertical-align:middle;
	margin-right:10px;
}


#footer {
	background-color:#fff;
	padding:20px;
}


@media screen and (max-width:500px) {
	#mobilemenutrigger {
		display:block;
	}
	#menu {
		display:none;
	}
}