.faq {
    padding: .2rem 2rem;
    border-bottom: 1px solid #555;
    cursor: pointer;
    background-color: none;
}

.faq:hover {
    background-color: #333;
}




/*
.faq:hover h1 {
    color: #000;
}*/


/* this hides the text */
.faq p {
    display: none;
    padding-bottom: 30px;
}


.faq.active {
    background-color: none;
}

faq.faq-content.active {
    height: 300px;
}

.faq.active p {
    display: block;
}

.faq:target p {
    display: block;
}

@media only screen and (max-width : 540px) {

    .faq p {
        display: none;
        padding: 0px;
    }
}