.swing-for-the-fences .promo_content--rules::before {
    display: none;
}

.swing-for-the-fences .rules {
    background: #FFFFFFD9;
    max-width: 85%;
    font-weight: 900;
    margin: 60px auto 100px;
    padding-bottom: 93px;
    text-align: center;
    border-radius: 65px;
    background: linear-gradient(rgba(70, 108, 69, 0.3) 0%, rgba(87, 107, 127, 0.6) 100%),
            linear-gradient(0deg, rgba(50, 64, 90, 0.2), rgba(50, 64, 90, 3.7));
    z-index: 10;
    position: relative;
    border: 6px solid #F6DFB3;
    box-shadow: 8px 8px 0px 0px #323C62, 6px 6px 0px 0px #3B4673 inset;
}

.swing-for-the-fences .rules__title {
    padding: 65px 0 52px;
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 30px;
}

.swing-for-the-fences .rules__link {
    display: block;
    color: #FFC888;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 25px;
    font-family: "DynaPuff-bold";
    padding: 37px;
    font-weight: 700;
}

@media (max-width: 580px) {
    .swing-for-the-fences#swing-for-the-fences_rules_page .promo_content--rules:before {
        display: none;
        opacity: 1;
    }

    .swing-for-the-fences .promo_content--rules:after {
        display: block;
    }

    .swing-for-the-fences .rules {
        padding: 45px 20px;
        margin: 25px auto 42px;
    }

    .swing-for-the-fences .rules__title {
        font-size: 32px;
        line-height: 42px;
        padding: 25px 0;
    }

    .swing-for-the-fences .rules__link {
        font-size: 20px;
        line-height: 27px;
        padding: 0;
    }
}