.acd-check{
    display: none;
}
.acd-label{
    background: #0e327c;
    color: #fff;
    display: block;
    position: relative;
    -webkit-transition: opacity .2s 0s linear;
    transition: opacity .2s 0s linear;
}
/*.acd-label:after{
    background: #00479d;
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    height:100%;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}*/
.fa-plus:before{
  box-sizing: border-box;
  display: block;
  height:45vw;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0px;
  padding: 20px;
  cursor: pointer;
}
.acd-label:after{
  color:#fff;
}
.acd-content{
  /*border: 1px solid #333;*/
  display: block;
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
  margin:0;
}
/*.acd-check:checked + .acd-label:after{
  content: '\f068';
}*/
.acd-check:checked + .fa-plus:before{
  content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
  height:45vw;
  opacity: 1;
  visibility: visible;
}
#guide h2{
  border-bottom: solid 2px #0068b7;
}
@media (max-width: 991px){
.acd-check:checked + .acd-label + .acd-content{
  height:50vw;
}
.fa-plus:before{
  height:50vw;
}
}
@media (max-width: 767px){
#guide h2{
  font-size:130%;
}
.acd-check:checked + .acd-label + .acd-content{
  height:100%;
}
.fa-plus:before{
  height:100%;
}
}