/* CSS Document */
.hero-section {
    position: static;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: block;
    height: 100%;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;    
    background-image: url("../images/Wireframe-Mesh-Bg-30.png"), radial-gradient(circle farthest-corner at 50% 50%,hsla(0,0%,100%,.4) 57%,rgba(0,0,0,.3)),linear-gradient(180deg,#b2d9f8,#b2d9f8);
    background-position: 50% 100%,0 0,0 0;
    background-repeat: no-repeat,repeat,repeat;
}