main.container {
    padding-top: 7rem;
    gap: 4rem;
}

main.container section {
    display: grid;
    gap: 1rem;
}

main.container div.whoAreWeImage {
    width: 100%;
    height: auto;
    grid-column: span 2;
}

main.container div.whoAreWeImage img {
    width: 100%;
    height: auto;
    border-radius: 1rem;
}

section.whatwedo {
    grid-column: span 2;
}

section.our-core-values {
    grid-column: span 2;
}

main.container section.our-core-values ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 2rem;
}

section.our-core-values ul li {
    display: grid;
    gap: 1rem;
    padding: 2rem;
    border-radius: 1rem;
    background: var(--clr-txt);
    color: var(--clr-dark);
    box-shadow: var(--clr-shadow-1);
    border-bottom: .1rem solid var(--clr-light);
}

section.our-core-values ul li div.title {
    font-size: calc(var(--font-size-h3) + .2rem);
}

section.whatwedo ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

section.whatwedo ul li {
    display: grid;
    gap: 1rem;
    padding: 2rem;
    border-radius: 1rem;
    background: var(--clr-txt);
    color: var(--clr-dark);
    box-shadow: var(--clr-shadow-1);
    border-bottom: .1rem solid var(--clr-light);
}

section.whatwedo ul li div.title {
    font-size: calc(var(--font-size-h3) + .2rem);
}

section.whychooseus {
    margin-bottom: 2rem;
}

@media (min-width: 800px) {
    main.container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}