:root {
    --primary-accent: #ab9eba;
    --secondary-accent: #fff;
    --tertiary-accent: #f1f1f1;
    --font-color: #000;
    --border-color: #705A35;
}

.accordion {
    background-color: var(--primary-accent);
    color: var(--font-color); 
cursor: pointer;
    padding: 0px;
    width: 100%;
    border: 1px solid var(--border-color);
    text-align: left;
    outline: none;
    transition: 0.4s;
    float:left; margin: 0px 0 5px;
}
@media screen and (max-width: 350px) { 

    .accordion { width: 75%;
}
}
.accordion.active,
.accordion:hover {
    background-color: var(--secondary-accent); color: #5f2f90;
}
.accordion-title {
    font-size: 120%;
    font-weight: bold;
    display: block; padding: 10px; 
}

.accordion-content {
    display: none;
    overflow: hidden;
    background-color: var(--secondary-accent); 
  padding: 7px; color: #000; vertical-align: top; 
}
.accordion-content.show {
    display: block;
}

.accordion-icon {
    float: right;
    font-size: 1.5em; line-height: 16px;
}