/*Responsive CSS*/


* {
  margin: 0;
  padding: 0;
}

body {
  /* font-family: 'roboto', sans-serif; */
  /* line-height: 1.6em; */
}

ul, li { list-style: none; }

#container {
  width: 60%;
  margin: 150px auto;
  overflow: auto;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
}

.title {
  height: 40px;
  background: #6bb170;
  color: white;
  text-align: center;
  padding-top: 13px;
}

.faq li { padding: 20px; }

.faq li.q {
  background: #fff;
  font-weight: bold;
  font-size: 120%;
   border-top: 1px #ddd solid; 
  cursor: pointer;
   /* box-shadow: 0 5px 5px #eaeaea;  */
  color: #f68500;
  
}

.faq li:first-child.q {
   border-top: 0px #ddd solid;   
}

.faq li.a {
  display: none; 
  background: #ffa944;
  color: white;
}

.faq li.a:first-of-type {
  display: block; 
}

.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);  
}

.hide, .minus{
  display: none;
}

.show{
  display: inline;
}

@media (max-width:800px) {

#container { width: 90%; }
}