@media screen and (min-width: 780px) {
    /*FAQ-wraper*/
    #FAQ-wrapper{
        width: 100%;
        height:fit-content;
        background-color: rgb(255, 255, 255);
    }
    #FAQ-wrapper .container{
        padding-left: 40px;
        padding-right: 40px;
    }
    #FAQ-wrapper .title-wrapper{
        margin-top: 35px;
        padding: 57px 0px 40px 0px;
    }
    #FAQ-wrapper .title{
        font-size: 2.2em !important;
    }
    .accordion{
        font-family: sdGothic, serif;
        margin-bottom: 50px;
    }
    .accordion-button{
        outline: none;
        box-shadow: none !important;

    }
    .accordion-button:focus {
    z-index: 3;
    border-color: #ccc !important ;
    background-color: white !important;
    }
    .accordion-button:not(.collapsed) {
    color: black  !important;
    background-color: #e7f1ff !important;
    }
}

@media (max-width: 780px) and (min-width: 0px) {
    /*FAQ-wraper*/
    #FAQ-wrapper{
        width: 100%;
        height:fit-content;
        background-color: rgb(255, 255, 255);
    }
    #FAQ-wrapper .container{
        padding-left: 10px;
        padding-right: 10px;
    }
    #FAQ-wrapper .title{
        font-size: 1.6em !important;
    }
    #FAQ-wrapper .title-wrapper{
        margin-top: 0px;
        font-size: 15px;
        padding: 57px 0px 40px 0px;
    }
    .accordion{
        font-family: sdGothic, serif;
        margin-bottom: 50px;
    }
    .accordion-button{
        outline: none;
        box-shadow: none !important;

    }
    .accordion-button:focus {
        z-index: 3;
        border-color: #ccc !important ;
        background-color: white !important;
    }
    .accordion-button:not(.collapsed) {
        color: black  !important;
        background-color: #e7f1ff !important;
    }
}