@charset "UTF-8";
/* ----- подключаем шрифты ----- */
@font-face {
  font-family: "Inter-regular";
  src: url("../assets/fonts/Inter-Regular.woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter-bold";
  src: url("../assets/fonts/Inter-Bold.woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Cormorant-regular";
  src: url("../assets/fonts/Cormorant-Regular.woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Cormorant-semibold";
  src: url("../assets/fonts/Cormorant-SemiBold.woff");
  font-weight: 600;
  font-style: normal;
}
/* ----- стили шрифтов ----- */
/* ----- цвета и эффекты ----- */
/* ----- размеры ----- */
.padded_box {
  max-width: 1440px;
  padding-left: 4rem;
  padding-right: 4rem;
  margin: 0 auto;
}

@media (min-width: 769px) and (max-width: 1280px) {
  .padded_box {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 768px) {
  .padded_box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
/* ----- корневые настройки ----- */
html {
  scroll-behavior: smooth;
}

body {
  background-color: #151515;
}

/* ----- кнопки и ссылки ----- */
.offline_title {
  font-family: "Cormorant-semibold", serif;
  font-size: 4rem;
  line-height: 4.25rem;
  color: #fff;
  margin-bottom: 3rem;
}

.box_map {
  display: flex;
  justify-content: space-between;
}

.box_map_bar {
  width: calc(100% - 11rem);
  margin-bottom: 4.25rem;
}
.box_map_bar:first-of-type {
  margin-right: 3rem;
}

.map_frame {
  border-radius: 1.75rem;
  height: 20rem;
  border: none;
  width: 100%;
}

.title_cafe {
  color: #a68f82;
  font-family: "Inter-regular", serif;
  font-size: 1rem;
  line-height: 160%;
  margin: 0;
}

.name_cafe {
  color: #fff;
  font-family: "Cormorant-semibold", serif;
  font-size: 2rem;
  line-height: 2.25rem;
  margin: 0 0 1rem 0;
}

.adress_cafe {
  color: #fff;
  font-family: "Inter-regular", serif;
  font-size: 1rem;
  line-height: 160%;
  margin: 1rem 0 0.5rem 0;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .map_frame {
    height: 18rem;
  }
  .title_cafe {
    margin-top: 2rem;
  }
  .adress_cafe {
    margin-top: 0.5rem;
  }
  .box_map_bar {
    margin-bottom: 3rem;
  }
}
@media (max-width: 1024px) {
  .map_frame {
    height: 13.5rem;
  }
  .box_map_bar:first-of-type {
    margin-right: 1.5rem;
  }
}
@media (max-width: 768px) {
  .box_map {
    display: block;
  }
  .box_map_bar {
    width: 100%;
  }
  .box_map_bar:first-of-type {
    margin-right: 0;
  }
  .offline_title {
    font-family: "Cormorant-semibold", serif;
    font-size: 2rem;
    line-height: 2.25rem;
  }
  .title_cafe,
  .adress_cafe {
    font-family: "Inter-regular", serif;
    font-size: 0.875rem;
    line-height: 160%;
  }
  .title_cafe {
    margin-top: 2rem;
  }
  .name_cafe {
    font-family: "Cormorant-semibold", serif;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .box_map_bar {
    margin-bottom: 3rem;
  }
}/*# sourceMappingURL=offline.css.map */