.card-item{
    margin-bottom:40px;
    width:330px;
}


.card-item h5{
    text-transform:uppercase;
    letter-spacing:1.75px;
    font-size:22px;
    line-height:28px;
}

@media (min-width:1200px) and (max-width:1450px){
    .card-item h5{
        font-size:19px;
    }
}

.card-item p{
    margin-top:30px;
    font-weight:500;
    line-height:22px;
}

@media (min-width:1400px){
    .card-item p{
        line-height:24px;
    }
}


.card-item span{
    border-bottom:2px solid black;
}




#map{
    height:300px !important;
    border:10px solid white;
    margin-top:20px;
}

.card-row{
    margin-top:60px;
}

@media (min-width:1200px){
    .card-row{
        padding-left:50px;
        margin-top:0;
    }
}

.first-row{
    margin-top:30px;
}

.first-row img{
    max-width:100%;
}

.second-row{
    margin-top:80px;
}

.left-column{
    font-weight:600;
}

.section{
    padding-left:7vw !important;
    padding-right:7vw !important;
}




.handlowce{
    font-weight:600;
    padding-left:50px;
}


@media (max-width:1200px){
    .handlowce{
        margin-top:60px;
        padding-left:0;
    }
}
.handlowce b{
    font-size:1.25em;
}

.handlowce p{
    margin-top:20px;
}

.handlowce span{
    margin-right:5px;
    display:inline-block;
    margin-bottom:-3px;
    width:1em;
    height:1em;
}

.r1{
    background-color: #cacad4; 
    color: #cacad4; 
}
.r2{
    background-color: #c2d6ff;
    color: #c2d6ff;
}
.r3{
    background-color: #f0898c;
    color: #f0898c;
}
.r4{
    background-color: #fce354;
    color: #fce354;
    margin-left:20px;
}

    .card-row{
        display: flex;
        align-items: left;
        justify-content: left;
        flex-direction: row;
        flex-wrap: wrap;
        flex-flow: row wrap;
        align-content: flex-end;
    }

    .card-group{
        width:660px;
    }


    .card-group span{
        border-bottom:0;
    }
    .card-group h5{
        border-bottom:2px solid black;
        height:32px;
        width:90%;
    }
    
    .card1, .card2{
        width:270px;
        margin-top:-10px;
    }
    @media(min-width:630px){
    .card2{
        padding-left:60px;
    }
    }


    .zamowienia p{
        margin-top:-20px;
    }

    @media (min-width:768px){
    .zamowienia p{
        margin-top:60px;
    }
}