.custom-navbar {
    margin-bottom: 0px;

}

#myCarousel {
    margin-bottom: 60px;
}

/* handle the wrapping around of text and sizing fuckedness that happens
   with resizing/responsiveness around the slider page selection */

.bx-page {
    height: 116px;
}

h1.single-listing-header {
    margin-top:20px;
    padding-top: 0px;
}

h1.logo {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* list header is to get rid of all the tags but have the switcher align alongside the h2 header*/

.list-header h2 {
    float: left;
}

.list-header .switcher {
    margin-top: 10px;
}

@media only screen and (max-width: 999px) {

    .bx-page {
        max-height: 116px;
        height: 116px;
    }
}

@media only screen and (max-width: 807px) {
    .bx-page {
        max-height: 138px;
        height: 138px;
    }
}

@media only screen and (max-width: 479px) {
    .bx-page {
        max-height: 95px;
        height: 95px;
    }
}