@media screen and (max-width: 640px)  {
    #header, .service {
        grid-template-columns: 1fr;
    }
    #header > :nth-child(1),
    .service > :nth-child(1) {
        grid-column: 1;
        grid-row: 2;
    }
    #header > :nth-child(2),
    .service > :nth-child(2) {
        grid-column: 1;
        grid-row: 1;
    }
}
@media screen and (min-width: 641px)  {
    #header {
        grid-template-columns: 40% 1fr;
    }
    .service {
        grid-template-columns: 1fr 40%;
    }
    #header > :nth-child(1),
    .service > :nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }
    #header > :nth-child(2),
    .service > :nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }
}
#header, .service {
    display: grid;
    padding-left: 2.5em;
    padding-right: 2.5em;
}
#header > :nth-child(1),
.service > :nth-child(2) {
    width: 100%;
    height: 100%;
}
#header > :nth-child(1) img,
.service > :nth-child(2) img {
    width: 100%;
    height: 100%;
}
.button {
    padding: 0;
}
a.anchor {
    color: yellow;
    text-decoration: underline;
}
a.anchor::after {
    content: "";
    width: 1em;
    height: 1lh;
    display: inline-block;
    margin-left: 0.25em;
    background-image: url(/img/svg-icons/link-anchor.svg);
    background-position: bottom;
    background-repeat: no-repeat;
}