.lojas {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 60px;
}
.lojas-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
}

.lojas-grid .lojas-info:nth-child(1){
    background: url(/img/lj-joinville.webp);

}

.lojas-grid .lojas-info:nth-child(2){
    background: url(/img/lj-itapoa.webp);
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.lojas-grid .lojas-info:nth-child(3){
    background: url(/img/lj-garuva.webp);

}
.lojas-info {
    padding-top: 20px;
}

.lojas-info h2 {
    color: #FFFFFF;
    font-size: 1.5rem;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 10px;
}
.lojas-info p {
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-top: 10px;
}
.lojas-info a {
    display: flex;
    grid-gap: 10px;
    padding-right: 40px;
    padding-left: 40px;
    max-width: max-content;
}

.lojas-info > img {
 margin-top: 20px;
}

.lojas-info a:nth-child(4) {
    padding-bottom: 15px;
}

.lojas h4 {
    font-size: 2.5rem;
    font-family: 'Fira Sans Condensed', sans-serif;
    text-align: center;
    margin-bottom: 10px;
}

@media only screen and (min-width: 826px) and (max-width: 1200px) {
    .lojas-grid {
        grid-template-columns: 1fr 1fr;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    .lojas-grid .lojas-info:nth-child(2){
        background: url(/img/lj-itapoa.webp);
        border-right: none;
        border-left: 1px solid #000000;
    }
    
}

@media only screen and (max-width: 825px) {
    .lojas-grid {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin-left: auto;
        grid-gap: 80px;
        margin-right: auto;
    }

    .lojas-grid .lojas-info:nth-child(2){
        background: url(/img/lj-itapoa.webp);
        border-right: none;
        border-left: none;
    }

    .lojas-info a {
        padding-right: 10px;
        padding-left: 10px;
    }
}