/* CSS for youmysoul.ru underconstruction */

@font-face {font-family: main; src: url(Inter-V.ttf);}
@font-face {font-family: script; src: url(HeinrichScript.ttf);}

body {
  background-color:#f5f1fb;
  color:#3e3355;
  font-family: main, sans-serif;
  font-weight:400;
  padding: 0;
  margin: 0;
}
* { box-sizing: border-box; }
ul li { margin: 8px 0; }
.header {
  /* background-color: #fbe9f0; */
  background-image: linear-gradient(to top, rgba(250,233,239,0) 0%, rgba(250,233,239,1) 20%, rgba(250,233,239,1) 100%);
  height: 68px;
  display: flex;
  padding: 8px 3.4% 0;
}
.header .logo, .footer .logo {
  height: 45px;
  width: auto;
}
.hd-text { margin: 5px 8px; }
.hd-text img, .domain { height: 14px; width: auto; }
.hd-text span {
  display: block;
  font-size: 12px;
}
.bg-div {
  width:100%;
  padding: 34px 55px;
  margin-bottom: 55px;
}
.bg-div h1 { 
  font-family: script;
  font-size: 2.75rem;
  margin-bottom: 0;
}
.bg-div h2 { margin: .85rem 0 2.85rem 0; }
.info { font-size: .85rem; padding-left: 2rem; }
.info h5 { font-size: 1rem; margin: 3rem 0 .34rem; }
.info p {
  display: flex;
  justify-content: start;
  align-items: start;
}
.contacts {
  margin: 1.05rem .95rem;
}
p. svg { margin-right: 3px; }
.c-item {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center; /**/
  width: 240px;
  height: 28px;
}
.c-icon {
  width: 30px;
  height: 24px;
}
.c-text {
  width: 180px;
  height: 24px;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 68px;
  padding: 8px 3.4% 0;
  display: flex;
  align-items: center;
  background-image: linear-gradient(to bottom, rgba(250,233,239,0) 0%, rgba(250,233,239,1) 20%, rgba(250,233,239,1) 100%);
  font-size: .77rem;
}
.domain { margin: 0 8px; opacity: 50%; }
.copy { 
  display: block;
  margin: -21px 3px 0 0;
}