.content_games {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    padding: 30px;
    padding-bottom: 60px;
    gap: 40px;
    background: #E6FDDD;
}

.content_about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    padding-bottom: 40px;
    gap: 40px;
    background: #FFFFFF;
}

.content_contact {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    padding-top: 30px;
    padding-bottom: 50px;
    gap: 40px;
    background: #E6FDDD;
}

.game_block {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    align-self: center;
    max-width: 980px;
    gap: 30px;
}

.game_title {
    margin-bottom: 12px;
}

.game_subtitle {
    font-size: 25px;
    margin-bottom: 12px;
    color: #A1D099;
}

.game_description h2 {
    margin-top: 0px;
}

.about_divider {
    box-sizing: border-box;
    align-self: stretch;
    height: 2px; 
    max-width: 980px;
    width: 100%;
    margin: 0px auto; 
    background: #F0F0F0;
}

.about_item {
    display: flex;
    max-width: 980px;
    align-items: flex-start;
    gap: 30px;
    align-self: center;
}

.about_title {
    font-size: 28px;
    line-height: normal;
    color: #5DA356;

    box-sizing: border-box;
    width: 200px;
    flex-shrink: 0;
}

.contacts_block {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.contact_item {
    color: #5A8C4A;
    font-size: 20px;
    
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 480px) {
    .content_games {
        padding: 20px;
        gap: 30px;
    }

    .content_about {
        padding: 20px;
        gap: 30px;
    }

    .content_contact {
        padding: 20px;
        gap: 30px;
    }

    .game_block {
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    .game_subtitle {
        font-size: 24px;
    }

    .about_item {
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        gap: 10px;
    }

    .about_title {
        font-size: 24px;
        width: auto;
    }

    .contacts_block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: stretch;
        padding-bottom: 20px;
    }

    .contact_item {
        font-size: 16px;
        line-height: 24px;
    }
}