:root {
  --color-backg: #000;
  --color-backg-dark: #2f1a2a;
  --color-backg-light-1: #392734;
  --color-backg-light-2: #5e1b39;
  --color-backg-footer: #383838;

  --color-light:#fffef7;
  --color-light-1: #ece5ea;
  --color-light-2: #b2b2b2;
  --color-dark: #919191;
  --color-footer: #cbcbcb;

  --gradient-h: linear-gradient(to bottom, #733364 0%,#3e2337 100%);
  --color-backg-h: #8d2347;

  --line-1: 1px solid #565656;
  --line-2: 1px solid #712045;

  --shadow-dark: 0 1rem 1rem #000;
}

* {
  margin: 0;
  padding: 0;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  font-family: Verdana, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-light);
  background-color: var(--color-backg);
}

h1, h2, h3, h4 {
  font-weight: bold;
}

h1 {
  font-size: 1.9rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.7rem;
}

h4 {
  font-size: 1.6rem;
}

p {
  margin: 1rem 0;
}

.wrapper {
  margin: 0 auto;
  max-width: 108rem;
  background-color: var(--color-backg-dark);
}

.header {
  background: var(--color-backg-h);
  background: var(--gradient-h);
  padding: .8rem;
  text-align: center;
}

.move-logo {
  animation: moveInLeft .7s ease-out;
}

.header__logo {
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000, 0 0 13px #fff;
}

.header__logo:link, .header__logo:visited {
  color: var(--color-light);
  text-decoration: none;
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  80% {
  transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }

}

.main {
  margin: 1.5rem auto;
  /*width: 100%;*/
  max-width: 72.8rem;
  padding: 0 2.4rem;
  font-size: 1.6rem;
  color: var(--color-light-1);
}

.main a:link,
.main a:visited {
  color: var(--color-light-1);
  text-decoration: underline;
}

/*
.one__article, .one__aside {
  padding: 1.5rem;
  margin: 1.5rem;
  background: var(--color-backg-light-1);
  border: var(--line-1);
  color: var(--color-light-1);
  box-shadow: var(--shadow-dark);
}

.one__article {
  background: var(--color-backg-light-1);
  border: var(--line-1);
  color: var(--color-light-1);
}

.one__aside {
  background: var(--color-backg-light-2);
  border: var(--line-2);
  color: var(--color-light-2);
}
*/

.prom-p,
.prom-tel,
.partner,
.prom-ph,
.prom-xch {
  font-size: 1.3rem;
  text-align: center;
  margin: 2rem auto;
}

.prom-p__ban img,
.pic img,
.prom-tel img,
.prom-xch img,
.prom-ph img,
.prom-xch img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.prom-p__ban img {
  max-width: 500px;
}

.pic {
  text-align: center;
}

.pic img {
  max-width: 639px;
}

.prom-tel img {
  max-width: 468px;
}

.partner-list {
  list-style: none;
}

.partner-list__item {
  padding: 1rem;
  overflow: hidden;
}

.partner-list__item img {
  display: inline-block;
}

.prom-ph img {
  max-width: 670px;

}

.ban-vx {
  margin: 1rem auto;
  max-width: 300px;
  text-align: center;
  font-size: 1.3rem;
}

.ban-vx iframe {
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
}

.ban-vx iframe img {
  width: 100%;
  height: auto;
  max-width: 300px;
}

.prom-xch img {
  max-width: 380px;
}

.footer {
  background-color: var(--color-backg-footer);
  padding: 1rem;
  font-size: 1.3rem;
  color: var(--color-footer);
  border-top: var(--line-1);
}

.footer h4 {
  font-size: 1.3rem;
}

.weblist {
  border-bottom: var(--line-1);
  margin-bottom: 1rem;
}

.weblist, .fnav-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.weblist__item,
.fnav-list__item {
  flex: 0 0 50%;
}

.weblist__item a,
.fnav-list__item a {
  padding: .7rem;
  display: block;
  text-decoration: none;
}

.weblist__item a:link,
.weblist__item a:visited,
.fnav-list__item a:link,
.fnav-list__item a:visited,
.sub-nav a:link,
.sub-nav a:visited {
  color: var(--color-light-2);
}

.weblist__item a:hover,
.weblist__item a:focus,
.fnav-list__item a:hover,
.fnav-list__item a:focus,
.sub-nav a:hover,
.sub-nav a:focus {
  color: var(--color-light-1);
}

.linklist {
  font-size: 1.4rem;
  margin: 2rem 0 4rem 2rem;
}

.linklist__item {
  padding: .8rem 0;
}

.linklist__item a:visited {
 color: var(--color-dark);
}

.sub-nav {
  font-size: 1.4rem;
  text-align: center;
  margin: 1rem auto;
}

.sub-nav a {
  padding: .8rem;
}

@media (min-width:310px) {
  .partner-list {
    display: flex;
    flex-wrap: wrap;
  }

  .partner-list__item {
    flex: 0 0 50%;
  }
}

@media (min-width:580px) {

  .partner-list__item {
    flex: 0 0 33.33%;
  }

  .weblist__item,
  .fnav-list__item {
    flex: 0 0 33.33%;
  }

}

@media (min-width:785px) {

  .weblist__item,
  .fnav-list__item {
    flex: 0 0 25%;
  }

}

@media (min-width:950px) {

  .weblist__item,
  .fnav-list__item {
    flex: 0 0 20%;
  }

}