@media (max-width:767px){
    #logo {
        position: absolute;
        z-index: 99;
        width: 150px;
        left: calc(50vw - 75px);
        top: calc(70vh - 75px);
        transition: all 1s;
    }

    .hero {
        background-attachment: scroll !important;
    }

    .hero-caption h1{
        font-size:5vw !important;
    }
}



/* Bootstrap Container custom */
/* .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

@media (min-width: 2200px) {
    .container {
        max-width:1400px
    }
} */
/* ### */