.banner {
    position: relative;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.parallax {

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner .banner-inner {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    height: 100%;
    color: #fff;
}

.banner .banner-message {
    float: left;
    margin: 50px;
}

.banner .banner-message.left {
    text-align: left;
}

.banner .banner-message.right {
    text-align: right;
}

.banner .banner-message.center {
    text-align: center;
}

.banner .banner-message h1 {
    display: inline-block;
    font-size: 80px;
    font-weight: 1000;
    text-transform: uppercase;
    margin: 0px;
}

.banner h1.site-title {
    margin-left: 50px;
    font-size: 60px;
    font-weight: 1000;
    text-transform: uppercase;
}

.banner h2 {
    text-transform: uppercase;
}

.dashboard-circle {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #fff;
    margin-bottom: 25px;
}

.dashboard-circle > i {
    margin: 60px;
}


.banner-inner > div {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: center;

    z-index: 1000;
    text-align: center;
    /*text-shadow: 1px 1px 0 rgba(0,0,0,.75);*/
}

.banner-inner hr {
    border-top: 2px solid #eee;
    margin-left: 75px;
    margin-right: 75px;
    opacity: .3;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000000;
    opacity: .4;
    /*background: rgba(58, 44, 53, .6)*/
}

.overlay-text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}