/*  Hero Area  */

header.hero-area {
    background: #f5f5f5;
    padding-top: 220px;
    padding-bottom: 150px;
    min-height: 820px;
    background: url("../img/404.jpg") no-repeat transparent;
    background-size: cover;
    background-position: center;
}
.text-error {
    font-size: 120px;
    font-weight: 700;
    line-height: 90px;
}
.hero-area .header-title {
    font-size: 62px;
    font-weight: 100;
    line-height: 50px;
}
.hero-area p {
    font-size: 20px;
    line-height: 28px;
    opacity: .5;
    margin: 30px auto;
}
@media (max-width: 970px) {
    header.hero-area {
        padding-top: 230px;
        padding-bottom: 130px;
    }
    .hero-area .header-title {
        font-size: 48px;
        line-height: 40px;
    }
    .text-error {
        font-size: 92px;
        line-height: 80px;
    }
    .hero-area p {
        font-size: 16px;
    }
}