.hero-wrap {
    width: 100%;
    height: 584px;
    position:relative;
}

    .hero-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        opacity: .7;
        background: #167ce9;
        background: -moz-linear-gradient(45deg, #167ce9 0%, #79efb4 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, #167ce9), color-stop(100%, #79efb4));
        background: -webkit-linear-gradient(45deg, #167ce9 0%, #79efb4 100%);
        background: -o-linear-gradient(45deg, #167ce9 0%, #79efb4 100%);
        background: -ms-linear-gradient(45deg, #167ce9 0%, #79efb4 100%);
        background: linear-gradient(45deg, #167ce9 0%, #79efb4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167ce9', endColorstr='#79efb4', GradientType=1 );
    }

/*.content {
    width: 95%;
    margin: 0 auto 50px;
    margin-top: 15%;
}*/
/*
.password-strength {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}*/

.js-hidden {
    display: none;
}

/*.btn-outline-secondary {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-secondary:hover {
    background: #28a745;
}*/