/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 100vh;
    /*background: url("../assets/img/marina-YmQ0-nmWcV0-unsplash.jpg") top center;*/
    background-size: cover;
    position: relative;
}

    #hero:before {
        content: "";
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero .container {
        padding-top: 72px;
        position: relative;
        text-align: center;
    }
    #hero .container.container-bottom {
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        bottom: 0px;
    }
    #hero h1 {
        color:#ffffff;
    }

    #hero h2 {
        color: #ffffff;
    }