.content {
    display: none;
    opacity: 0;
    -webkit-animation: display-none-transition 1s ease;
    animation: display-none-transition 1s ease;
    padding-top: 30px;
}

@keyframes display-none-transition {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes display-none-transition {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
    }

    100% {
        opacity: 1;
    }
}

.content-section .active {
    display: block;
    opacity: 1;
}

@media (max-width: 960px) {
    .content {
        padding-top: 20px;
    }
}