.header-logo {
    position: absolute;
    z-index: 500;
    left: 50%;
    margin-left: -200px;
    top: -280px;
}

.header-logo svg {
    width: 25rem;
    height: auto;
    display: block;
}


/* The home page logo goes across an image so we need this to be white */
.home .header-logo svg .la-crosse {
    fill: #fff !important;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .header-logo {
        margin-left: -175px;
        top: -73px;
    }

    .header-logo svg {
        height: auto;
        width: 100%;
    }

}

@media (max-width: 767px) {

    .header-logo {
        margin-left: auto;
        top: -180px;
        left: 0;
    }

    .header-logo svg {
        height: auto;
        width: 285px;
        margin: 0 auto;
    }

    button#responsive-menu-pro-button {
        top: -85px !important;
    }

    .responsive-menu-pro-box {
        height: 11px !important;
    }
}