.maintenance-page {
    background-image: linear-gradient(to left bottom,
    #f39f42, #f49944, #f59246, #f68c49, #f6864c, #f77f4f, #f87952, #f97255, #fa6959, #fb5f5d, #fc5562, #fb4b68);
    background-size: cover;
    min-height: 100vh;
}

.maintenance-page__header {
    text-align: center;
    padding: 82px 0 48px 0;
}

.maintenance-page__home-link {
    display: inline-block;
}

.maintenance-page__logo {
    cursor: pointer;
    min-height: 51px;
    width: 228px;
}

.maintenance-page__feedback-banner {
    max-width: 100%;
}

.maintenance-page__feedback-content {
    padding: 0 1em;
    text-align: center;
}

.maintenance-page__title {
    color: #f1f1f1;
    font: bold 36px "Arvo";
}

.maintenance-page__picture {
    max-width: 100%;
}

.maintenance-page__subheading {
    color: #f1f1f1;
    font: bold 32px 'Nunito Sans';
    margin-bottom: 0;
}

.maintenance-page__subheading-link {
    color: #ffcbb6;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.maintenance-page__subheading-link:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #ffcbb6;
    position: absolute;
    bottom: 3px;
}

.maintenance-page__subheading-link:hover {
    color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 539px) {

    .maintenance-page__header {
        padding: 70px 0 32px 0;
    }

    .maintenance-page__logo {
        min-height: 45px;
        width: 200px;
    }

    .maintenance-page__title {
        font-size: 22px;
        line-height: 1.68;
        margin: 0 26px;
    }

    .maintenance-page__feedback-banner {
        margin-top: 36px;
    }

    .maintenance-page__subheading {
        font-size: 16px;
        line-height: 1.69;
        margin-top: 41px;
    }
}

@media screen and (min-width: 540px) and (max-width: 768px) {

    .maintenance-page__header {
        padding: 70px 0 35px 0;
    }

    .maintenance-page__title {
        font-size: 30px;
        line-height: 1.7;
        margin: 60px auto 0 auto;
        max-width: 496px;
    }

    .maintenance-page__feedback-banner {
        margin-top: 45px;
    }

    .maintenance-page__subheading {
        font-size: 28px;
        line-height: 1.68;
        margin: 41px auto 0 auto;
    }
}