.accordion{
    -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);
    -moz-box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);
    box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);
    margin-bottom:32px
}
.accordion:last-child{
    margin-bottom:0
}
.accordion.active .accordion-top{
    background-color:#384b47;
    color:#fff
}
.accordion-top{
    font-size:20px;
    color:#222831;
    padding:18px 26px;
    cursor:pointer;
    transition:0.4s all;
    -webkit-transition:0.4s all;
    -moz-transition:0.4s all
}
.accordion-bottom{
    padding:30px 26px;
    font-size:16px;
    color:#445A69;
    display:none
}
.accordion-top:hover{
    background-color:#f5f5f5
}

@media (max-width:1559px){
    .accordion{
        margin-bottom:30px
    }
    .accordion-top{
        font-size:18px;
        padding:16px 22px
    }
    .accordion-bottom{
        padding:28px 22px
    }
}

@media (max-width:1199px){
    .accordion{
        margin-bottom:22px
    }
    .accordion-top{
        font-size:17px;
        padding:12px 20px
    }
    .accordion-bottom{
        padding:20px;
        font-size:15px
    }
}

@media (max-width:1024px){
    .accordion{
        margin-bottom:20px
    }
    .accordion-top{
        font-size:16px;
        padding:12px 16px
    }
    .accordion-bottom{
        padding:16px
    }
}

@media (max-width:575px){
    .accordion{
        margin-bottom:16px
    }
    .accordion-top{
        font-size:15px;
        padding:8px 14px
    }
    .accordion-bottom{
        font-size:14px;
        padding:14px
    }
}

@media (max-width:374px){
    .accordion-top{
        font-size:14px
    }
    .accordion-bottom{
        font-size:13px
    }
}