html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    height: 100%;
}

.wrapper-contained {
    background-color: #FFC107;
}

.main-div {
    flex-grow: 1;
    box-sizing: border-box;
    height: 100%;
}

.main-div-contained {
    margin-top: 0 !important;
}

.business-directory-search-jumbotron {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 10rem;
    justify-content: center;
    margin-right: .75em;
}

.business-directory-search-jumbotron > div {
    text-align: center;
    display: flex;
    flex-direction: column;
    /*margin-bottom: .7rem;*/
    padding: .5rem;
    margin-bottom: .5rem;
}

.business-card-jumbotron {

    flex-grow: 1;
    flex-shrink: 1;
    padding: .5rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    /*max-width: 50%;*/
    box-sizing: border-box;
}

.business-card-jumbotron.business-card-jumbotron-featured {
    border: .25rem solid #00AEEF !important;
}

.business-card-jumbotron-last {
    flex-grow: 0;
    margin-right: 0;
}

.business-card-jumbotron-vertical {
    max-width: 100%;
    margin-right: 0;
}

.business-directory-search-jumbotron h1 {
    color: white;
    /*font-size: 1.5rem;*/
    /*margin-bottom: .7rem;*/
}

.cards {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
}


.card {
    flex-grow: 1; flex-shrink: 1; max-width: 50%;
}

.business-listings-col, .categories-col, .spotlight-col {
    padding: 0;
}

.business-listings-col, .categories-col {
    line-height: 1.3rem;
}


.business-listings-col a, .categories-col a {
    margin-bottom: .7rem;
}

.business-card h2 {
    font-size: 1rem;
    margin-top: .5rem;
    margin-bottom: .2rem;
    margin-top: 0rem;
}

.business-card p {
    margin-bottom: 0rem;
}

.business-card.business-card-featured {

}



.featured-items-jumbotron {
    padding: .7rem;
    border: 2px solid #FFCC00;
    padding: 0;
}


.logo-img-small {

}

@media only screen and (max-width: 240px) {
    .logo-img-small {
        max-width: 6.6rem;
    }
}

@media only screen and (max-width: 576px) {
    .business-card-jumbotron {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) {
    .business-listings-card, .categories-card {
        max-width: 33%;
    }
}