html{
  font-size: 2em;
}
body *{
  font-family: 'Raleway', sans-serif;
}
body{
  background:url("wood1.jpg");
}


.ribbon{
  width:100%;
  display:block;
  position:relative;
  float:left;
  clear:both;
  padding:2% 0px;
}
.wrap{
  width:1200px;
  margin:0 auto;
  padding: 20px 2%;
  padding-bottom:0px;
  border-radius: 20px;
  background:url("pape.png");
}

#title{
  margin: 0px;
}

#byline{
  margin-top:0px;
  padding-bottom:20px;
}

.report-section{
  overflow-y:auto;
}

.report-section h1{
  cursor:pointer;
}

.report-section section{
  max-height:0px;
  overflow:hidden;
}

.report-section section.open{
  max-height:1000000px;
  -webkit-transition: max-height 2s;
  -moz-transition: max-height 2s;
  transition: max-height 2s;
} 

.report-section section.open < h1{
  border-bottom:4px solid rgb(93,123,222);;
}
.minimizer{
  position:relative;
  cursor:pointer;
  background: rgb(93,123,222); /* The Fallback */
  background: rgba(93,123,222, 0.5); 
   margin-top:20px;
   margin-bottom:0px;
   -webkit-transition: background .5s;
  -moz-transition: background .5s;
  transition: background .5s;

}

.minimizer:hover{
   background: rgba(93,123,222, 1); 
}
.minimizer span{
  margin:0 auto;
  display:table;
  font-size:30px;
}







.prod-item {
    display:inline-block;
    font-size: 1em;
    height: auto;
    min-width: 300px;
    width: 30%;
}

.prod-item p{
  font-size:12px;
  padding: 5px;
}

.prod-items span{
  font-size: 12px;
}
#user_input label{
  display:block;
  clear:both;

}





















@media (max-width: 1240px){
  .wrap{
    width:88%;
    margin:0px 4%;
    padding: 20px 2%;
  }
} 

@media (max-width: 1240px){
  html{
    font-size:1em;
  }
}