.contact { // padding: 10rem; &__grid { padding: 2rem 5vw; display: grid; grid-template-columns: 30% auto; grid-gap: 1rem; @include respond(600px) { grid-template-columns: 1fr; margin-top: 8rem; } } &__img-wrapper { position: relative; width: 100%; height: 100%; min-height: 45rem; @include respond(600px) { min-height: 30rem; } } &__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; } &__info-wrapper { padding: 5rem 5vw; text-align: center; } &__map { height: 100%; min-height: 400px; width: 100%; } }