.home {
    max-width: 860px;
    margin: 0 auto;
    padding: 220px 30px 140px;
}

.hero {
    text-align: center;
    margin-bottom: 64px;
}

.hero h2 {
    font-family: "Font Regular", Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    line-height: 1.2;
    color: #4e555a;
    margin: 0 0 16px;
}

.hero .accent {
    color: #4885ed;
}

.hero > p {
    font-size: 1em;
    max-width: 640px;
    margin: 0 auto 20px;
}

.hero .action {
    margin-bottom: 72px;
}

.hero .action p {
    font-size: 1.9em;
    line-height: 1.35;
    margin: 0;
}

@media (max-width: 992px) {
    .home {
        padding: 160px 20px 140px;
    }

    .hero h2 {
        font-size: 1.45em;
    }
}