/* START - stop panel and fill from overflowing on the edges of small devices */

.panel-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.panel-fill, .panel-fill div {
    width: 100%;
}

#consumer-boycott-chart, #organic-boycott-chart {
    min-height: 600px;
    width: 100%;
}

/* rearrange content for tablets and computers */
@media only screen and (min-width: 1000px) {
    .panel-grid{
        flex-wrap: nowrap;
    }
    .panel-sidebar {
        width: 30%;
    }
    .panel-fill {
        width: 70%;
    }
    .panel-fill div{
        width: 100%;
    }
}
/* END - stop panel and fill from overflowing on the edges of small devices */
@media only screen and (min-width: 1000px) {
    .panel-grid{
        flex-wrap: nowrap;
    }
    .panel-sidebar {
        width: 30%;
    }
    .panel-fill {
        width: 70%;
    }
    .panel-fill div{
        width: 100%;
    }
}

/* START - fix tooltip for being bigger than the map in mobile view */

.tooltip {
    background: red;
}

/* END - fix tooltip for being bigger than the map in mobile view */

/* START - Logo styles */
.navbar-brand.navbar-brand-logo {
    width: 10vw;
}
.navbar-title {
    color: black;
    font-weight: bold;
}
/* END - Logo styles */