/*Responsive CSS*/

.faq li {
  padding: 20px;
  float: left;
  width:100%;
}
.faq li.q {
  background: #eee;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 1px #EF7F28 solid;
  cursor: pointer;
  color: #EF7F28;
}
.faq li.q:hover {
  background:  #EF7F28;
  color: #fff;
  -o-transition:color .3s linear,background .3s linear;
  -webkit-transition:color .3s linear,background .3s linear;
  -moz-transition:color .3s linear,background .3s linear;
  transition:color .3s linear,background .3s linear
}
.faq li.a {
  background: #e4e4e4;
  display: none;
  border-bottom: 1px #EF7F28 solid;
}
.faq li.a p{
  width:100%;
  float: left;
  margin: 0 0 1% 0;
}
.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width:800px) {
  #container {
    width: 90%;
  }
}