:root {
    --card-margin: 0.3em;
}

/* Spacer */

.spacer{
    padding:50px;
}

.starttext {
    background: green;
}

.containerf {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background:#2d2d2d !important;
}

.containerf > div {
  width: 25%;
  padding: 0 10px 10px 0;
  box-sizing: border-box;
}

.containerf > div  img {
  width: 100%;
}

@media (max-width: 556px) {
.containerf > div {
  width: 50%;
  padding: 0 10px 10px 0;
  box-sizing: border-box;
}
}
/**
.containerf {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.containerf > * {
    flex: 1 1 calc(240px + var(--card-margin));
}

.card {
    display: flex;
    flex-wrap: wrap;
    margin: var(--card-margin);
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
}

.card > * {
    flex: 1 1 240px;
}

.content {
    align-self: center;
    padding: 1em 2em;
}

.clientlogo {
    height: auto;
    width: 200px;
    min-width: 150px;
    max-width: 200px;
    object-fit: cover;
    display: block;
    width: 100%;
}

.what {
    background: brown;
}

.clientlogocontainer {
    background:#2d2d2d !important;
}

.grey1 {
    background-color:#323131;
    padding-right: 10px;
}


@media (max-width: 556px) {

    .card {
        max-width: 45%;
    }


    .clientlogo {
        
        width: 200px;
        height: 100px;

    }



}
**/