.faq-button {
  height: 60px;
  overflow: hidden;
  line-height: 60px;
  text-align: center;
  color: white;
  cursor: pointer;
}
.faq-button h1 {
  padding-left: 15px;
  text-align: left;
  display: inline;
  vertical-align: middle;
}
.faq-button span:not(.faq-title-description) {
  color: #ffffff;
  line-height: normal;
  transition: 0.2s ease-in-out;
}
.faq-title-description {
  display: none;
}
.active span:not(.faq-title-description) {
  color: #333333;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.panel-heading a:focus {
  outline: none;
}
.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
  color: #777777;
  text-decoration: none;
}
.panel-heading:hover {
  background-color: #efefef;
}

.button-body {
  text-align: left;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNzA5NiIgc3RvcC1vcGFjaXR5PSIwLjk2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNDg2OThjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjNGI2ZDk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjNDY2OTkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjM2Y2NThjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjM2Y2NDhlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjM2U2MDg1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMzQ1NTc4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjMmY0ZTcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMzU1YTg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2NWI4NiIgc3RvcC1vcGFjaXR5PSIwLjk2Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  /*background: linear-gradient(to bottom, rgba(81, 112, 150, 0.96) 0%, #48698c 2%, #4b6d94 10%, #466991 30%, #3f658c 44%, #3f648e 52%, #3e6085 56%, #345578 66%, #2f4e70 78%, #355a84 98%, rgba(54, 91, 134, 0.96) 100%);*/
  background-color: #003366;
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5517096', endColorstr='#f5365b86', GradientType=0);*/
  /* IE6-8 */
  cursor: pointer;
  display: inline-block;
  width: 85%;
  overflow: hidden;
  height: 100%;
  vertical-align: top;
}
.button-chevron {
  border-left: 2px solid black;
  background-color: #a59260;
  opacity: .8;
  width: 15%;
  display: inline-block;
}
@media (min-width: 768px) {
  .faq-button {
    font-size: 3em;
  }
  .faq-button .button-body {
    width: 80%;
  }
  .faq-button .button-chevron {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .faq-button {
    font-size: 3em;
  }
}
@media (min-width: 1200px) {
  .faq-title-description {
    display: inline-block;
  }
}