html {

}

html, body { font-family: 'Open Sans', sans-serif;  color: white;    }

/* div.background { background: url('../img/89437592-3d-abstract-background-network-concept-future-background-technology-illustration-3d-landscape-big-da-Stock-Illustration.jpg') no-repeat; background-size: cover; content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; } */
div.background { background: url('../img/90574615_xl.jpg') no-repeat; background-size: cover; content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; }




div.overlay { background: #0079CC; opacity: 0.8; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -5; }

/*
.main { height:50%; width: 100%; display: flex; justify-content: center; align-items: center; resize: both; overflow: auto; }
    .main a { color: white; }
    .main img { width: 400px; margin: 20px; resize: both; overflow: auto; } */


.btn-primary { background-color: transparent !important; border-color: white; !important; color: white; !important; border: 2px solid white !important; }

footer { position: absolute; bottom: 0; width: 100%; }
    .footer-text { line-height: 100px; }

    footer .row .col-md-2 {
        position: relative;
    }

    footer .row  img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 20px;
    }