.error
{
    color: red;
    font-style: italic;
}
.active
{
    color: #0a5d9f;
    font-weight: bold;
}

.location-head{
    color: #fff;
    text-shadow: 3px 3px 5px #000;
    font-size: 50px;
}

.location-text{
    color: #fff;
    text-shadow: 3px 3px 5px #000;
    font-size: 100px;
    font-weight: 900;
}

.location-error-text{
    color: red;
    font-size:60px;
    font-weight: 900;
}

.card-location{
    top: 20%;
}


.redStock
{
    color: red;
}

.overStock
{
    color: blue;
}




@media only screen and (max-width: 575.98px) {
    .location-head{
        color: #fff;
        text-shadow: 3px 3px 5px #000;
        font-size: 25px;
    }

    .location-text{
        color: #fff;
        text-shadow: 3px 3px 5px #000;
        font-size: 50px;
        font-weight: 900;
    }

    .location-error-text{
        color: red;
        font-size:40px;
        font-weight: 900;
    }

    .card-location{
        top: 10%;
    }
}