/* CSS for youmysoul.ru underconstruction */

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

body {
  background-color:#f5f1fb;
  color:#3e3355;
  font-family:sans-serif;
  font-weight:400;
  padding: 0;
  margin: 0;
}
* { box-sizing: border-box; }
.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 {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background-image: url(../pics/hands.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bg-div h1 { 
  font-family: script;
  font-size: 2.75rem;
}
.seo {
  background-color: #9f8fbf;
  margin: 13px 13%; 
  padding: 13px 13px; 
  text-align: center; 
  font-size:.85rem; 
  color:#cfc7dd;
  border-radius: 8px;
}
.contacts { font-size: .85rem; }
.contacts h5 { font-size: 1rem; margin-bottom: .34rem; }
.contacts p {
  display: flex;
  justify-content: center;
  align-items: center;
}
p.subhd {
  margin-top: 0;
  color: #6e6e6e;
}
p svg { margin-right: 3px; }
.footer {
  position: absolute;
  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%);
  height: 68px;
  font-size: .77rem;
}
.domain { margin: 0 8px; opacity: 50%; }
.copy { 
  display: block;
  margin: -21px 3px 0 0;
}