.accordion-wrap{
   border: 1px solid #dcdfe1;
}

.accordion-wrap img {
   display: block;
   width: 80%;
   margin: 10px auto;
}

.accordion-wrap p {
   padding: 20px 10px;
}

.accordion-item{
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
}

.accordion-item p {
   font-weight: bold;
   font-size: 1.2rem;
}

.accordion-header{
  position: relative;
  width: 92%;
  transition: ease-in-out 100ms;
}

.accordion-text{
  width: 100%;
  display: none;
  padding-top: 5px;
  padding-bottom: 20px;
  background-color: #f8fafd;
 }

 .accordion-text p {
   font-size: 1.0rem;
}

 .fa{
    position: absolute;
    top: auto;
    right: -20px;
    transition: ease-in-out 300ms;
 }
 
 .fa a {
     position: relative;
     z-index: 100;
 }

 .fa::before {
     content: '+';
 }

 .rotate-fa{
    transform: rotate(180deg);
 }

 .rotate-fa::before {
    content: '-';
}

 .accordion-header .fa{
    float: right;
    line-height: 35px;
 }

 .accordion-gold{
    color: #6fa7e3;
 }

 .accordion-no-bar{
    border-bottom: 0;
}

@media screen and (max-width: 800px) { 

.accordion-header {
    width: 90%;
}

.accordion-item p {
   font-size: 1.0rem;
}

 .accordion-text p {
   font-size: 0.8rem;
}

 .fa{
   top: 10px;
    right: 0;
 }

}
