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

a {
  text-decoration: none;
  color: inherit;
}
.dot {
  text-decoration: none;
  border-bottom: 1px dashed #000080;
}

:target {
  scroll-margin-top: 70px;
}

html, body {
    margin: 0;
    padding: 0;
    user-select: none;
    background-color: #EFF9FF;
    scroll-behavior: smooth;
}

/* Надпись инструкция */
.instruction {
    font-family: 'MuseoSansCyrl-100';
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}
.instruction-line {
    width: 460px;
    height: 4px;
    background-color: #000000;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

/* Блок footer (подвал) */
.simple-footer {
  background-color: #ffffff;
  height: 70px;
  font-family: 'MuseoSansCyrl-100';
  font-size: 19px;
  font-weight: 400;

  display: flex;
  justify-content: center;
  text-align: center;
}

@media (max-width: 1350px) {
    .simple-footer {
      font-size: 18px;
      height: 65px;
    }

    .instruction {
        font-size: 45px;
        padding-bottom: 25px;
    }
    
    .instruction-line {
        width: 400px;
    }
}

@media (max-width: 1024px) {
    .simple-footer {
      font-size: 17px;
      height: 60px;
      padding: 0 15px;
    }

    .instruction {
        font-size: 40px;
        padding-bottom: 20px;
    }
    
    .instruction-line {
        width: 350px;
        height: 3px;
    }
}

@media (max-width: 768px) {
    .simple-footer {
      font-size: 16px;
      height: 55px;
      flex-direction: column;
      padding: 10px 15px;
    }

    .instruction {
        font-size: 34px;
        padding-bottom: 15px;
    }
    
    .instruction-line {
        width: 280px;
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .simple-footer {
      font-size: 14px;
      height: 50px;
      padding: 10px 10px;
    }

    .instruction {
        font-size: 28px;
        padding-bottom: 10px;
    }
    
    .instruction-line {
        width: 200px;
        height: 2px;
    }
}

@media (max-width: 360px) {
    .simple-footer {
      font-size: 13px;
      height: 45px;
    }

    .instruction {
        font-size: 24px;
    }
    
    .instruction-line {
        width: 160px;
    }
}

@font-face {
    font-family: 'MuseoSansCyrl-500';
    src: url('../fonts/museosanscyrl-500.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-500.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-500.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-500.svg#museosanscyrl-500') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-100';
    src: url('../fonts/museosanscyrl-100.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-100.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-100.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-100.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-100.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-100.svg#museosanscyrl-100') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-100Italic';
    src: url('../fonts/museosanscyrl-100italic.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-100italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-100italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-100italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-100italic.svg#museosanscyrl-100italic') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-300';
    src: url('../fonts/museosanscyrl-300.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-300.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-300.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-300.svg#museosanscyrl-300') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-300Italic';
    src: url('../fonts/museosanscyrl-300italic.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-300italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-300italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-300italic.svg#museosanscyrl-300italic') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-500Italic';
    src: url('../fonts/museosanscyrl-500italic.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-500italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-500italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-500italic.svg#museosanscyrl-500italic') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-700';
    src: url('../fonts/museosanscyrl-700.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-700.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-700.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-700.svg#museosanscyrl-700') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-700Italic';
    src: url('../fonts/museosanscyrl-700italic.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-700italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-700italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-700italic.svg#museosanscyrl-700italic') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-900';
    src: url('../fonts/museosanscyrl-900.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-900.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-900.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-900.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-900.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-900.svg#museosanscyrl-900') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'MuseoSansCyrl-900Italic';
    src: url('../fonts/museosanscyrl-900italic.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/museosanscyrl-900italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/museosanscyrl-900italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/museosanscyrl-900italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/museosanscyrl-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/museosanscyrl-900italic.svg#museosanscyrl-900italic') format('svg'); /* Chrome < 4, Legacy iOS */
}