body{
  margin:0;
  margin-top:80px;
}
.main{
  margin:auto;
  width:100%;
  max-width:600px;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
}
.main{
  /*outline: black 1px solid;*/
}


/*head*/

#header{
  position: fixed;
  width:100%;
  top:5;
  /*outline: black 1px solid;*/
}
#headerInside{
  margin-top:5px;
  text-align: center;
  position:relative;
}
#headerInside p{
  font-family: sans-serif;
  font-size:0.65em;
  background-color:white;
  display: inline;
  padding: 0 7px;
}
#headerInside #line{
  border-top:1px solid black;
  position:absolute;
  top:6.5px;
  width:100%;
  z-index:-1;

}

/* banner */
#banner{
  text-align: center;
  font-family: sans-serif;
  color: black;
  margin-bottom: 35px;
}
#banner a{
  color: black;
}

/*nav*/
#nav{
  text-align:center;
  padding: 4px 0;
}
#nav a{
  font-family: sans-serif;
  font-size:0.8em;
  opacity:0.3;
  cursor: pointer;
  transition: opacity 0.2s;
}
#nav a.active{
  opacity:0.75;
}
#nav a:hover{
  opacity: 1;
}

/*content*/

#content{
  position: relative;
  width:100%;
}
#content div{
  display: none;
}

#content div.active{
  display: block;
}
#imageWrapper img{
  width:100%;
  padding-top: 24px;
}
#textWrapper p{
  padding-top:10px;
  font-size:0.75em;
  font-family: sans-serif;
}