.steps .step {
    display: none;
}

.steps .step-active {
    display: block;
}

.locations {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

 .locations .location {
     margin: 0.2rem;
     text-align: left;
     padding: 0.5rem;
     width: 100%;
}
.locations .location img {
    filter: invert(100%);
    vertical-align: middle;
    display: inline-block;
    width: 5rem;
}

.locations .location h4 {
    margin-top: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1000px) {
    .locations .location h4 {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 800px) {
    .locations .location h4 {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 715px) {
    .locations .location {
        background-color: #ab0000;
        color: #ffffff;
        margin: 0.2rem;
        text-align: center;
        padding: 0.5rem
    }
    .locations .location img {
        margin: auto;
        display: block;
    }
    .locations .location h4 {
        margin: auto;
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .locations .location {
        background-color: #ab0000;
        color: #ffffff;
        margin: 0.2rem;
        text-align: center;
        padding: 0.5rem
    }
    .locations .location img {

    }
    .locations .location h4 {
        height: 2rem
    }
}

@media only screen and (max-width: 340px) {
    .locations .location h4 {
        height: 1.5rem;
        font-size: 0.8rem;
    }
}