@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
.grid-wrapper {
    --auto-grid-min-size: 18rem;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

.grid-wrapper li {
    border-bottom: 1px solid #446078;
    list-style-type: none;
    padding: 3rem 1rem;
    text-align: center;
}

.contact-grid {
    --auto-grid-min-size: 25rem;
    text-align: left;
}

.contact-grid h1 {
    text-align: left;
    color: #446078;
    letter-spacing: 2px;
}

.contact-grid p {
    font-family: 'Oswald', sans-serif;
}

.main-container {
    margin: 0 auto;
    max-width: 70vw;
    padding: 6rem 1rem;
}

.img-klient {
    width: 10rem;
}

@media only screen and (max-width: 30em) {
    .main-container {
        margin: 0 auto;
        max-width: 80vw;
        padding: 3rem 0;
    }
    .grid-wrapper li {
        padding: 2rem 1rem;
    }
    .contact-grid {
        --auto-grid-min-size: 18rem;
    }
}