/* @group Resources
------------------------------------ */

.resources__container h3 {
    color: var(--light-green);
}

.resources-bttn__container {
    padding-top: 3rem;
}

.resources__container .bttn {
    margin-bottom: 2.5rem;
}

@media only screen
and (min-width : 961px) {
    .resources__container {
        padding-top: 5.5rem;
        padding-bottom: 12rem;
    }
    .resources__container .bttn:not(:last-of-type) {
        margin-right: 2.6rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .resources__container {
        padding-top: 3.4rem;
        padding-bottom: 3rem;
    }
    .resources-bttn__container {
        text-align: center;
    }
}

/* @end */


/* Animations */

.resources__container h3,
.resources__container .bttn {opacity: 0;}

.resources__container.animateActive h3,
.resources__container.animateActive .bttn {animation: fade 1.1s forwards;}
 
.resources__container.animateActive h3 {animation-delay:.3s;}     
.resources__container.animateActive .bttn:nth-child(1) {animation-delay:.6s;}
.resources__container.animateActive .bttn:nth-child(2) {animation-delay:.8s;}     
.resources__container.animateActive .bttn:nth-child(3) {animation-delay:1s;}     
.resources__container.animateActive .bttn:nth-child(4) {animation-delay:1.2s;}     
.resources__container.animateActive .bttn:nth-child(5) {animation-delay:1.4s;}