.full-screen {
    position: relative;
    color: #fff;

    background-repeat: no-repeat;
    background-position: center;

    background-position: center top;
    background-size: 100% auto;

}

.full-screen .field-actions {
    margin: 50px 0 0 0;
}

.full-screen__image {

    z-index: 0;

    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.full-screen__container {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding-top: 28px;
    padding-bottom: 50px
}

.full-screen__content {
    width: 100%
}

.full-screen__title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700
}

.full-screen__subtitle {
    margin: 30px 0 0 0;
    font-size: 16px;
    line-height: 24px;
    opacity: .8
}

.full-screen__form {
    margin-top: 40px
}

.full-screen--left {
    text-align: left
}

.full-screen--center {
    text-align: center
}

.full-screen--center .full-screen__content {
    margin-left: auto;
    margin-right: auto
}

.full-screen--right .full-screen__content {
    margin-left: auto
}




@media all and (max-width: 540px) {

    .full-screen .field-actions {
        margin: 0 0 0 0;
    }

    .full-screen__subtitle {
        display: none;
    }

    .full-screen__title {
        font-size: 30px;
        line-height: 40px
    }

}

@media all and (max-width: 480px) {

    .full-screen .field-actions {
        margin: 0 0 0 0;
    }

    .full-screen__subtitle {
        display: none;
    }

    .full-screen__title {
        font-size: 7vw;
    }
}

@media (min-width:992px) {

    .full-screen__container {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .full-screen__title {
        font-size: 53px;
        line-height: 60px
    }

    .full-screen__subtitle {
        font-size: 22px;
        line-height: 30px
    }
}

@media (min-width: 1200px) {
    .full-screen__container {
        padding-top: 280px;
        padding-bottom: 280px;
    }
}