.page-404 .header-main__content h1 {
    font-size: 28px;
    background: none;
    text-align: center;
    color: #bd1e2c;
    -webkit-text-fill-color: #bd1e2c;
}

.page-404 .header-main__content h1 span {
    background: linear-gradient(to right, #bd1e2c, #b30050, #990d6f, #6f2a86, #2b398f);
    font-size: 190px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.page-404 .header-main__content h1 a {
    background: linear-gradient(to right, #bd1e2c, #b30050, #990d6f, #6f2a86, #2b398f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    position: relative;
}

.page-404 .header-main__content h1 a:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    background: linear-gradient(to right, #bd1e2c, #b30050, #990d6f, #6f2a86, #2b398f);
    bottom: 0;
    left: 0;
}

.page-404 .header-main__content {
    padding-bottom: 40px;
}

@media (max-width: 1199px) {
    .page-404 .header-main__content h1 {
        font-size: 18px;
    }

    .page-404 .header-main__content h1 span {
        font-size: 130px;
    }
}

@media (max-width: 767px) {
    .page-404 .header-main__content h1 {
        font-size: 24px;
    }

    .page-404 .header-main__content h1 span {
        font-size: 160px;
    }

    .page-404 .header-main__content {
        margin-top: 0;
    }

    .page-404 header {
        padding-bottom: 40px;
    }
}

@media (max-width: 480px) {
    .page-404 .header-main__content h1 {
        font-size: 16px;
    }

    .page-404 .header-main__content h1 span {
        font-size: 115px;
    }
}

@media (min-width: 1200px) {
    .page-404 .header-main__content {
        margin-top: 150px;
    }
}