@charset "UTF-8";
@font-face {
  font-family: Bafora;
  /* Гарнитура шрифта */
  src: url(/fonts/Bafora.ttf);
  /* Путь к файлу со шрифтом */
}

@font-face {
  font-family: JakobExtraCTT;
  /* Гарнитура шрифта */
  src: url(/fonts/JakobExtraCTT.ttf);
  /* Путь к файлу со шрифтом */
}

body {
  font-family: JakobExtraCTT;
  height: 100%;
}

.relative img {
  position: relative;
}

.w-100-center, .w-100-h-100 {
  width: 100%;
  text-align: center;
}

.w-100-h-100 {
  height: 100%;
}

/* 3rd page*/
a.image-3-1 {
  height: 13%;
  width: 13%;
  position: absolute;
  right: 35%;
  bottom: 10%;
  background: url("/images/kiss-fm-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-3-1:hover {
  background: url(/images/kiss-fm-2.png) no-repeat;
  background-size: contain;
}

a.image-3-2 {
  height: 13%;
  width: 13%;
  position: absolute;
  right: 20%;
  bottom: 10%;
  background: url("/images/happy-tunes-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-3-2:hover {
  background: url(/images/happy-tunes-2.png) no-repeat;
  background-size: contain;
}

/* mobile */
a.imagem-3-1 {
  height: 25%;
  width: 25%;
  position: absolute;
  right: 55%;
  bottom: 0%;
  background: url("/images/kiss-fm-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-3-1:hover {
  background: url(/images/kiss-fm-2.png) no-repeat;
  background-size: contain;
}

a.imagem-3-2 {
  height: 25%;
  width: 25%;
  position: absolute;
  right: 5%;
  bottom: 40%;
  background: url("/images/happy-tunes-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-3-2:hover {
  background: url(/images/happy-tunes-2.png) no-repeat;
  background-size: contain;
}

/* 4th page*/
a.image-4-1 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 25%;
  bottom: 35%;
  background: url("/images/fest-button-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-4-1:hover {
  background: url(/images/fest-button-1-2.png) no-repeat;
  background-size: contain;
}

a.image-4-2 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 5%;
  bottom: 35%;
  background: url("/images/fest-button-2.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-4-2:hover {
  background: url(/images/fest-button-2-1.png) no-repeat;
  background-size: contain;
}

a.image-4-3 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 15%;
  bottom: 5%;
  background: url("/images/AT-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-4-3:hover {
  background: url(/images/AT-2.png) no-repeat;
  background-size: contain;
}

/*mobile*/
a.imagem-4-1 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 65%;
  bottom: 0%;
  background: url("/images/fest-button-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-4-1:hover {
  background: url(/images/fest-button-1-2.png) no-repeat;
  background-size: contain;
}

a.imagem-4-2 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 5%;
  bottom: 45%;
  background: url("/images/fest-button-2.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-4-2:hover {
  background: url(/images/fest-button-2-1.png) no-repeat;
  background-size: contain;
}

a.imagem-4-3 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 5%;
  bottom: 0%;
  background: url("/images/AT-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-4-3:hover {
  background: url(/images/AT-2.png) no-repeat;
  background-size: contain;
}

/* 5th page*/
a.image-5-1 {
  height: 15%;
  width: 15%;
  position: absolute;
  right: 30%;
  bottom: 10%;
  background: url("/images/HT1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-5-1:hover {
  background: url(/images/HT2.png) no-repeat;
  background-size: contain;
}

a.image-5-2 {
  height: 15%;
  width: 15%;
  position: absolute;
  right: 5%;
  bottom: 10%;
  background: url("/images/SC1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-5-2:hover {
  background: url(/images/SC2.png) no-repeat;
  background-size: contain;
}

/*mobile*/
a.imagem-5-1 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 65%;
  bottom: 0%;
  background: url("/images/HT1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-5-1:hover {
  background: url(/images/HT2.png) no-repeat;
  background-size: contain;
}

a.imagem-5-2 {
  height: 27%;
  width: 27%;
  position: absolute;
  right: 5%;
  bottom: 0%;
  background: url("/images/SC1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-5-2:hover {
  background: url(/images/SC2.png) no-repeat;
  background-size: contain;
}

/* 6x page*/
a.image-6-1 {
  height: 22%;
  width: 22%;
  position: absolute;
  right: 19%;
  bottom: 17%;
  background: url("/images/BM.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-6-1:hover {
  background: url(/images/BM2.png) no-repeat;
  background-size: contain;
}

/*mobile*/
a.imagem-6-1 {
  height: 22%;
  width: 22%;
  position: absolute;
  right: 5%;
  bottom: 0%;
  background: url("/images/BM.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.imagem-6-1:hover {
  background: url(/images/BM2.png) no-repeat;
  background-size: contain;
}

/* 9th page*/
a.image-9-1 {
  height: 30%;
  width: 30%;
  position: absolute;
  right: 45%;
  bottom: 3%;
  background: url("/images/duetbutton1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-9-1:hover {
  background: url(/images/duetbutton2.png) no-repeat;
  background-size: contain;
}

a.image-9-2 {
  height: 30%;
  width: 30%;
  position: absolute;
  right: 23%;
  bottom: 3%;
  background: url("/images/duetbutton1-2.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-9-2:hover {
  background: url(/images/duetbutton1-1.png) no-repeat;
  background-size: contain;
}

a.image-9-3 {
  height: 30%;
  width: 30%;
  position: absolute;
  right: 0%;
  bottom: 3%;
  background: url("/images/duetbutton2-1.png") no-repeat;
  /* Путь к файлу с исходным  рисунком */
  background-size: contain;
  display: block;
  /* Рисунок как блочный элемент */
}

a.image-9-3:hover {
  background: url(/images/duetbutton2-2.png) no-repeat;
  background-size: contain;
}

/* 10th page*/
h1 {
  color: white;
  font-family: Bafora;
}

h1.social-media {
  margin-top: 2%;
  display: inline-block;
}

h1.social-media2 {
  margin-top: 2%;
  display: inline-block;
}

.social {
  margin-top: 10px;
}

.social8 {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width: 575px) {
  h1 {
    font-size: 2em;
  }
  a.social img {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .phone-number {
    color: white;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 576px) {
  h1 {
    font-size: 4em;
  }
  a.social img {
    height: 30px;
    width: 30px;
    margin-right: 15px;
    margin-bottom: 0px;
  }
  .phone-number {
    color: white;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .hght {
    height: 50px;
  }
}

@media (min-width: 768px) {
  h1 {
    font-size: 5em;
  }
  a.social img {
    height: 50px;
    width: 50px;
    margin-right: 25px;
    margin-bottom: 0px;
  }
  .phone-number {
    color: white;
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .hght {
    height: 50px;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 6em;
  }
  a.social img {
    height: 70px;
    width: 70px;
    margin-right: 35px;
    margin-bottom: 0px;
  }
  .phone-number {
    color: white;
    font-size: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .hght {
    height: 50px;
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 8em;
  }
  a.social img {
    height: 80px;
    width: 80px;
    margin-right: 40px;
    margin-bottom: 0px;
  }
  .phone-number {
    color: white;
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .hght {
    height: 75px;
  }
}

/*********************************/
/* scrolling*/
#menu {
  visibility: hidden;
}
/*# sourceMappingURL=sass.css.map */