.header-top {
    background: linear-gradient(
            135deg,
            #4F467B,
            #6A62A1
    );
    /*height: 100vh;*/
}

.t-sh {
    text-shadow: 1px 4px 19px rgba(17,0,34,0.6);
}

.header-top > .header-top-wrap {
    padding-top: 100px;
}

.sub-title-2-header {
    line-height: 1.3;
}

/** celular **/
@media (max-width: 768px) {
    .header-top > .container {
        padding: 35px 2px 0 2px
    }

    .header-top {
        /*height: 100vh;*/
    }

    .video-destaque {
        display: block;
    }

    .sub-title-2-header {
        margin-top: 60px !important;
    }

    .background-image {
        height: 250px;
        background-size: cover;
    }

    .div-header > img {
        width: 100%;
    }

    .sub-title-2-header {
        font-size: 17px !important;
        text-align: center;
    }
}


@media (min-width: 768px) {
    .div-header {
        height: 100vh;
        position: relative;
    }

    .video-destaque {
        display: block;
    }

    .header-top {
        background: linear-gradient(
                135deg,
                #4F467B,
                #6A62A1
        );
    }


    .div-header > img {
        height: 400px;
    }

    .text-h1 {
        font-size: 70px !important;
        /*font-weight: 700;*/
    }

    .text-h2 {
        font-size: 45px !important;
        font-weight: 700;
    }

    .text-sub-title {
        font-size: 20px !important;
        font-weight: 500;
        padding-top: 5px;
        padding-bottom: 20px;
        margin-left: 10%;
        margin-right: 10%;
        color: #777;
    }

    .text-h4 {
        font-size: 25px !important;
        font-weight: 500;
        padding-top: 30px;
        margin-left: 10%;
        margin-right: 10%;
    }
}

.div-header > img {
    display: block;
}

.background-image {
    height: 400px;
}