.bg-transparent {
    background-color: var(--primary) !important;
}

.page-header {
    padding-top: 10rem;
    padding-bottom: 1rem;
}

.about-play {
    border: 10px solid #bd2a24;
    background: white;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
    width: 60%;
}

.cursor-pointer {
    cursor: pointer;
}


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

    .about-play {
        width: 100%;
    }

    .page-header {
        padding-top: 9rem;
    }

}