@mixin flex($direction, $wrap , $justify, $align) {
    display: flex;
    flex-direction: $direction;
    flex-wrap: $wrap;
    justify-content: $justify;
    align-items: $align;
}

.lg-rect {
    @include flex(row, wrap, center, center)
}

.fullBox {
    border: 0;
    vertical-align: baseline;
    height: 107px;
    width: 210px;
    margin: 10px;
    margin-bottom: 40px;
    border-radius: 3px;
    text-align: right;
    vertical-align: top;
    color: white;
    -webkit-box-shadow: 3px 6px 6px 0px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 3px 6px 6px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 3px 6px 6px 0px rgba(0, 0, 0, 0.51);
}

@media only screen and (min-width: 353px) and (max-width: 604px) {
    .fullBox {
        height: 158px;
        width: 324px;
    }
}

@media only screen and (min-width: 605px) and (max-width: 766px) {
    .fullBox {
        height: 169px;
        width: 252px;
    }
}

@media only screen and (max-width: 448px) {
    div[aria-label="A chart."] {
        left: -113px !important;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-brand.navbar-brand-center {
        position: relative !important;
        margin-left: -8px !important;
    }

    .navbar-brand-logo {
        margin-top: -11px;
    }
}