@charset "UTF-8";

#container{
  width:300px;
  margin:0 auto;
}

label {
    background: #8c765a;
    color: #fff;
    padding: 60px;
    display: block;
    margin: 0;
    border: 1px solid #65543e;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

/*.menu li {
    padding: 5px;
}*/

input[type="checkbox"].on-off + div{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + div{
    height: auto;
}

.center{
  text-align: center;
}


h1,h2,p,div{margin: 0;}

h2{
    color:#be8438;
  }

a.pattern1{color: #00}
a.pattern2{text-decoration: none;}
a.pattern3{color:#be8438; background: #f0e1b6;}

h1,h2 {margin: 0;}

h1,h2{color : #be8438;}

h3 {
  color:white;
  background-color: #65543e;

    }

h4 {
  color:white;
  background-color: #65543e;

    }

#box1 img {
  width: 300px;
  height: 225px;
}

#box1 p{
  width: 300px;
  height: 650px;
  background: #edecd5;
}


#box4 img{
  height: 200px;
  width:300px;
  }

#box5 img{
  height:400px;
  width:300px;
}

#box5 p{
  height:400px;
  width:300px;
  background: #edecd5;
}
#box5 table{
  height: 200px;
  width:300px;
  background: #edecd5;
}

#box6 p{
  height: 80px;
  width: 300px;
  background:  #edecd5;
}

#box7 p{
  height: 1200px;
  width: 300px;
  background: #edecd5;
}