/*
 Theme Name: Verovenko
 Theme URL: http://verovenko.ru
 Description: Chudo bu
 Author: Rasul Aliev
 Template: twentyseventeen
 Version: 1.1
 Text Domain: twentyseventeen-child
 */

@font-face {
  font-family: Verdana;
  font-weight: 400;
  font-style: normal;
  src: url(assets/fonts/Verdana/Verdana.eot);
  src: url(assets/fonts/Verdana/Verdana.eot%3F) format("embedded-opentype"),
    url(assets/fonts/Verdana/Verdana.woff) format("woff"),
    url(assets/fonts/Verdana/Verdana.ttf) format("truetype")
}

@font-face {
  font-family: Verdana-Bold;
  font-weight: 700;
  font-style: normal;
  src: url(assets/fonts/Verdana-Bold/Verdana-Bold.eot);
  src: url(assets/fonts/Verdana-Bold/Verdana-Bold.eot%3F) format("embedded-opentype"),
    url(assets/fonts/Verdana-Bold/Verdana-Bold.woff) format("woff"),
    url(assets/fonts/Verdana-Bold/Verdana-Bold.ttf) format("truetype")
}

html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea {
  font-family: "Verdana", Helvetica, "Segoe UI", Arial, sans-serif;
}


html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6 {
  font-weight: 700;
  font-family: "Verdana-Bold", Helvetica, "Segoe UI", Arial, sans-serif;
  line-height: 1.2;
}

.site-title {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  opacity: 1;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  -webkit-transition: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -webkit-transition-property: font-size;
  transition-property: opacity, transform;
  -webkit-transition-duration: 0.85s;
  transition-duration: 0.85s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  line-height: 112px;
  text-shadow: 2px 2px 3px black;
}

.site-content-contain {
  background-color: transparent;
}

.wp-custom-header .wp-custom-header-video-button {
  display: none;
}

body:not(.home) header#masthead {
  display: none;
}

#content {
  width: 100%;
}


#myImgStart {
  position: fixed;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 0;
}

#myVideoStart {
  position: fixed;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 1;
}

#videoBackground {
  position: fixed;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}

#endBlock {
  opacity: 0;
}


.fade-in-text {
  animation: fadeInText ease 1.5s;
  -webkit-animation: fadeInText ease 1.5s;
  -moz-animation: fadeInText ease 1.5s;
  -o-animation: fadeInText ease 1.5s;
  -ms-animation: fadeInText ease 1.5s;
}

@keyframes fadeInText {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeInText {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInText {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeInText {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeInText {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fade-out {
  animation: fadeOut ease 1s;
  -webkit-animation: fadeOut ease 1s;
  -moz-animation: fadeOut ease 1s;
  -o-animation: fadeOut ease 1s;
  -ms-animation: fadeOut ease 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.fade-out-s {
  animation: fadeOut ease 2s;
  -webkit-animation: fadeOut ease 2s;
  -moz-animation: fadeOut ease 2s;
  -o-animation: fadeOut ease 2s;
  -ms-animation: fadeOut ease 2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


.fade-out-d {
  animation: fadeOut ease 5s;
  -webkit-animation: fadeOut ease 5s;
  -moz-animation: fadeOut ease 5s;
  -o-animation: fadeOut ease 5s;
  -ms-animation: fadeOut ease 5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@keyframes blur {
  0% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
  }

  100% {
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
  }
}

div#wp-custom-header img,
.video-stop-blur {
  animation: blur 2s ease;
  animation-fill-mode: forwards;
  -webkit-animation: blur 2s ease;
  -moz-animation: blur 2s ease;
  -webkit-animation-fill-mode: forwards;
}

.has-header-video .custom-header-media .video-stop-blur {
  transform: scale(1.015) !important;
  transition: 0.8s ease-in-out;
}

.home .entry-content {
  opacity: 0;
  animation: css 1s linear 0s forwards;
}

@keyframes css {
  to {
    opacity: 1;
  }
}

body .custom-header-media:before {
  display: none;
}

.site-header {
  position: absolute;
}

.color-white {
  color: #ffffff;
}

.color-blue {
  color: #aef7e3;
}


.blur-content span,
.blur-content p,
.blur-content li,
.blur-content a {
  text-shadow: 2px 2px 3px #000, -0.5px -0.5px 1px rgba(0, 0, 0, 0.38);
}

.title-block {
  margin-top: 0;
}

.title-block .title {
  font-size: 56px;
  font-family: "Verdana-Bold", Helvetica, "Segoe UI", Arial, sans-serif;
  text-align: center;
  margin-bottom: 35px;
}

.ladder-block {
  text-align: center;
  margin-bottom: 82px;
}

.ladder {
  font-size: 2.2em;
  font-family: "Verdana-Bold", Helvetica, "Segoe UI", Arial, sans-serif;
  line-height: 1.4;
  margin-bottom: 35px;
}

.ladder .ladder-line {
  display: block;
  line-height: 1.6;
}

.ladder-block p {
  font-size: 32px;
  margin-bottom: 15px;
  line-height: 2;
}

.blur-content.not-show {
  opacity: 0;
}

@keyframes show {
  0% {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
  }

  100% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
  }
}

.show-blur {
  animation: show 1.5s ease;
  animation-fill-mode: forwards;
  -webkit-animation: show 1.5s ease;
  -moz-animation: show 1.5s ease;
  -webkit-animation-fill-mode: forwards;
  opacity: 1;
}

.volshebnica {
  text-align: left;
}

.volshebnica p {
  font-size: 2.2em;
  font-family: "Verdana-Bold", Helvetica, "Segoe UI", Arial, sans-serif;
  line-height: 1.5em;
  margin-bottom: 1.167em;
}

.volshebnica-description {
  margin-bottom: 65px;
}

.volshebnica ul li {
  font-size: 32px;
  margin-bottom: 35px;
  line-height: 1.2;
}

p.title-ul {
  margin-bottom: 60px;
}

.volshebnica-ul ul {
  padding-left: 33px;
}

.volshebnica-ul {
  margin-bottom: 65px;
}

.bottom-block p {
  font-size: 2.2rem;
}

.bottom-block .links-chudo {
  color: #fff;
  font-family: "Verdana-Bold", Helvetica, "Segoe UI", Arial, sans-serif;
  display: inline-block;
  box-shadow: none;
}

body .bottom-block .links-chudo:focus,
body .bottom-block .links-chudo:hover {
  color: #fff;
  box-shadow: none;
}

.bottom-block a .button-link {
  font-size: 3em;
  border-bottom: 3px solid white;
  line-height: 1.2;
  display: inline-block;
  -webkit-box-shadow: 0px 1px 0px #000000;
  -moz-box-shadow: 0px 1px 0px #000000;
  box-shadow: 0px 1px 0px #000000;
}

span.desc-link.color-blue {
  font-size: 1.5rem;
  font-family: 'Verdana';
  display: block;
}

.site-footer {
  border-top: none;
}

.bottom-block .good-buy {
  font-weight: bold;
  font-size: 1.875em;
  font-family: 'Verdana';
}

.wrap.blur-content.show-blur {
  margin-bottom: 300px;
}

.yaga-block {
  opacity: 0;
}

.yaga-block.active {
  opacity: 1;
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
}

.yaga-container {
  background: -webkit-linear-gradient(305deg, #000, #000, #fff, #000, #000, #000);
  background: -o-linear-gradient(305deg, #000, #000, #fff, #000, #000, #000);
  background: linear-gradient(305deg, #000, #000, #eee, #000, #000, #000);
  -webkit-background-size: 600% 600%;
  background-size: 600% 600%;
  -webkit-animation: Gradient 2.5s ease infinite;
  animation: Gradient 2.5s linear infinite;
  height: 100vh
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 100% 100%;
    -webkit-transition-delay: 5s;
    transition-delay: 5s
  }

  50% {
    background-position: 50% 50%;
    -webkit-transition-delay: 5s;
    transition-delay: 5s
  }

  100% {
    background-position: 0 0;
    -webkit-transition-delay: 5s;
    transition-delay: 5s
  }
}

@keyframes Gradient {
  0% {
    background-position: 100% 100%
  }

  50% {
    background-position: 50% 50%
  }

  100% {
    background-position: 0 0
  }
}

.yaga-content {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(assets/img/yaga.png) 100% center,
    radial-gradient(farthest-side, #dfdfdf 38%, #dfdfdf 96%, #dfdfdf 98%, #dfdfdf 97%, transparent) 80% center/524px 500px;
  background-repeat: no-repeat;

}

.home .yaga-block.active .entry-content {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}


body .yaga-block.active .yaga-content h2 {
  font-size: 24px;
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.yaga-block.active .yaga-content a {
  font-style: italic;
  color: #f1be83;
  border-bottom: 1px solid #f1be83;
  text-decoration: none;
  box-shadow: none;
}

.yaga-block.active .yaga-content .mpb-1,
.yaga-block.active .yaga-content .mpb-2 {
  font-size: 1.1em;
  padding-bottom: 10px;
}

.site-content {
  padding: 0;
}

.page:not(.home) #content {
  padding-bottom: 0;
}


.title-home {
  white-space: nowrap;
  overflow: hidden;
  font-size: 160px;
  text-shadow: black 2px 2px 3px;
  color: #fff;
  margin-bottom: 0;
  margin-left: calc(50% - 570px);
  margin-top: 50vh;
  position: fixed;
  display: none;
}

.title-home {
  animation: animated-text 1.5s steps(80, end) 2s 1 normal both;
}

.title-home-dis {
  white-space: nowrap;
  overflow: hidden;
  font-size: 4.5em;
  text-shadow: black 2px 2px 3px;
  color: #fff;
  margin-bottom: 0;
  margin-left: calc(50% - 570px);
  margin-top: 10vh;
  position: fixed;
  display: none;
}

.title-home-dis {
  animation: animated-text 1.5s steps(80, end) 2s 1 normal both;
}



.not-show-animate {
  -webkit-animation: fadein 0.7s ease-in forwards;
  -moz-animation: fadein 0.7s ease-in forwards;
  animation: fadein 0.7s ease-in forwards;

}

.logo-block-pages h2 {
  color: white;
}

@-webkit-keyframes fadein {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadein {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


@keyframes animated-text {
  from {
    width: 0;
  }

  to {
    width: 1140px
  }
}


.cssload-loader {
  position: relative;
  left: calc(50% - 120px);
  width: 200px;
  height: 200px;
  margin: calc(25% - 120px) 0;
  -webkit-perspective: 780px;
  perspective: 780px;
}

.cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.cssload-inner.cssload-one {
  left: 0%;
  top: 0%;
  animation: cssload-rotate-one 1.15s linear infinite;
  -o-animation: cssload-rotate-one 1.15s linear infinite;
  -ms-animation: cssload-rotate-one 1.15s linear infinite;
  -webkit-animation: cssload-rotate-one 1.15s linear infinite;
  -moz-animation: cssload-rotate-one 1.15s linear infinite;
  border-bottom: 5px solid #5C5EDC;
}

.cssload-inner.cssload-two {
  right: 0%;
  top: 0%;
  animation: cssload-rotate-two 1.15s linear infinite;
  -o-animation: cssload-rotate-two 1.15s linear infinite;
  -ms-animation: cssload-rotate-two 1.15s linear infinite;
  -webkit-animation: cssload-rotate-two 1.15s linear infinite;
  -moz-animation: cssload-rotate-two 1.15s linear infinite;
  border-right: 5px solid rgba(76, 70, 101, 0.99);
}

.cssload-inner.cssload-three {
  right: 0%;
  bottom: 0%;
  animation: cssload-rotate-three 1.15s linear infinite;
  -o-animation: cssload-rotate-three 1.15s linear infinite;
  -ms-animation: cssload-rotate-three 1.15s linear infinite;
  -webkit-animation: cssload-rotate-three 1.15s linear infinite;
  -moz-animation: cssload-rotate-three 1.15s linear infinite;
  border-top: 5px solid #e9908a;
}

@keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-webkit-keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@-webkit-keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@-webkit-keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@media screen and (min-width: 48em) {
  header .wrap {
    padding: 0;
  }

  .site-content {
    padding: 0;
  }

  .page:not(.home) #content {
    padding-bottom: 0;
  }

  .panel-content .wrap {
    padding-bottom: 4.5em;
    padding-top: 1.5rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .volshebnica-description {
    padding-right: 65px;
  }

  .ladder-line.ladder-one {
    margin-left: -165px;
  }

  .ladder-line.ladder-two {
    margin-left: -95px;
  }

  .ladder-line.ladder-four {
    margin-left: 135px;
  }

  .ladder-line.ladder-five {
    margin-left: 180px;
  }
}

@media screen and (min-width: 30em) {
  body .site-branding {
    padding: 0;
  }

  .page-one-column .panel-content .wrap {
    max-width: 1020px;
  }
}

@media screen and (min-width: 5em) {
  /*.home .yaga-block.active .entry-content {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100vh;
    }
    .yaga-content {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: url(assets/img/yaga.png) 50% 10%,
        radial-gradient(farthest-side, #dfdfdf 38%, #dfdfdf 96%, #dfdfdf 98%, #dfdfdf 97%, transparent) 50% 10%/524px 500px;
        background-repeat:no-repeat;

    }*/
}

@media (min-width: 600px) and (max-width: 1400px) {
  .zoom-08 {
    zoom: 0.8;
  }

  .zoom-09 {
    zoom: 0.9;
  }
}


/*b-interview in novyj-god*/
.b-interview {
  position: relative;
}

.b-interview__image,
.b-interview__question,
.b-interview__notice {
  position: absolute;
  display: none;
  opacity: 0;
  z-index: 1;
}

.b-interview__image._active,
.b-interview__question._active,
.b-interview__image._b-button-next,
.b-interview__question._b-button-next {
  display: block;
  opacity: 1;
  z-index: 2;
}

.b-interview__image._b-button-next,
.b-interview__question._b-button-next {
  opacity: 0;
}

.b-interview__image {
  left: 0;
}

.b-interview__notice,
.b-interview__question {
  right: 0;
}

/*.b-interview__notice {
	top: 50px;
}*/

.b-interview__notice.active {
  display: block;
  z-index: 9;
}

.b-interview__notice_item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: translate3d(0, 0, 0);
  -moz-transition: translate3d(0, 0, 0);
  transition: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  -moz-transform-origin: center center center;
  -webkit-transform-origin: center center center;
  transform-origin: center center center;
  /*-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;*/
  /*transition-property: transform;*/
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  /*-webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;*/
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.b-interview__notice_item._active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

/*end b-interview*/


.cat {
  position: relative;
  width: 100%;
  max-width: 20em;
  overflow: hidden;
  background-color: #e6dcdc;
}

.cat::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.cat:hover>* {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.cat:active>* {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.cat__head,
.cat__tail,
.cat__body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: rotating 2.79s cubic-bezier(0.65, 0.54, 0.12, 0.93);
  animation: rotating 2.79s cubic-bezier(0.65, 0.54, 0.12, 0.93);
}

.cat__head::before,
.cat__tail::before,
.cat__body::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-size: 200%;
  background-repeat: no-repeat;
  background-image: url("https://images.weserv.nl/?url=i.imgur.com/M1raXX3.png&il");
}

.cat__head::before {
  top: 0;
  right: 0;
  background-position: 100% 0%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cat__tail {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.cat__tail::before {
  left: 0;
  bottom: 0;
  background-position: 0% 100%;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.cat__body {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

.cat__body:nth-of-type(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.cat__body::before {
  right: 0;
  bottom: 0;
  background-position: 100% 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.box {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  justify-content: center;
  align-items: center;
  background-color: #e6dcdc;
  height: 100%;
}

.intro {
  width: 90%;
  max-width: 36rem;
  padding-bottom: 1rem;
  margin: 0 auto 1em;
  padding-top: .5em;
  font-size: calc(1rem + 2vmin);
  text-transform: capitalize;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  text-align: center;
}

.intro small {
  display: block;
  opacity: .5;
  font-style: italic;
  text-transform: none;
}

.info {
  margin: 0;
  padding: 1em;
  font-size: .9em;
  font-style: italic;
  font-family: serif;
  text-align: right;
  opacity: .5;
}

.info a {
  color: inherit;
}

div#primary {
  margin-top: -1px;
}

.site-header-phone::before,
.site-header-phone::after {
  display: none;
}

.site-header-phone {
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-header-phone a {
  margin: 0;
  display: flex;
  align-items: center;
  color: #d80000;
  gap: 10px;
  font-weight: bold;
  font-size: 1.3em;
  text-shadow: 2px 2px 3px #fff;
}

.site-header-phone svg {
  width: 24px;
  height: 24px;
}