.map {
  margin: auto;
  margin-top: 6em;
  display: flex;
  color: #192028;
  width: 62em;
  max-width: 100%;
  flex-wrap: wrap; }
  .map__title, .map__subtitle {
    text-transform: uppercase; }
  .map__title {
    font-size: 2.2em; }
  .map__subtitle {
    font-size: 2em;
    margin-top: .2em;
    display: inline-block; }
  .map__slash {
    display: inline-block;
    font-size: 2.4em;
    color: #035df9;
    margin-left: .4em; }
  .map__part {
    flex: 0 0 50%; }
  .map__right {
    text-align: left;
    background-color: #fff;
    padding: 2em;
    padding-top: 4em;
    padding-left: 4em; }
  .map__address {
    margin-top: 1.9em;
    font-size: 1.5em; }
  .map__button {
    display: inline-block;
    margin-top: 2.7em;
    padding: .8em 2em;
    font-size: 1.3em; }
    .map__button-wrapper {
      text-align: center; }
  .map__contacts {
    margin-top: 1em; }
    .map__contacts > * {
      display: inline-block;
      vertical-align: middle; }
  .map__icon {
    width: 3.2em; }
  .map__phone {
    font-size: 1.5em;
    margin-left: .5em; }

@media (max-width: 815px) {
  .map__part {
    flex-basis: 100%; }
  .map__left {
    height: 20em; }
  .map__button {
    margin-top: 1em; }
  .seventh {
    height: auto;
    margin-bottom: 0; } }