:root {
  --cassiopeia-color-primary: #8B4513;
  --cassiopeia-color-hover: #808080;
  --cassiopeia-color-link: #FF4500;
}

/* CLASSIC BANNER */
.container-banner .banner-overlay {
    height: max(300px, 50vh); /* по умолчанию 50vh в Cassiopeia */
}
@media (min-width: 768px) {
    .container-banner .banner-overlay {
        height: max(300px, 45vh);
    }
}
@media (min-width: 992px) {
    .container-banner .banner-overlay {
        height: max(300px, 40vh);
    }
}
@media (min-width: 1200px) {
    .container-banner .banner-overlay {
        height: max(700px, 50vh);
    }
}

/* CLASSIC BANNER */
.container-banner .banner-overlay .overlay {
    background-image: linear-gradient(120deg, rgba(64, 64, 64, 0.7), rgba(95, 54, 30, 0.7));
}

h1, h2, h3 {
    font-family: "CyrillicOldBold";
}

.lead, .display-4 {
    font-family: "CyrillicOldBold";
}



@font-face { 
    font-family: "CyrillicOldBold";
    src: url("../fonts/CyrillicOldBold/CyrillicOldBold.eot");
    src: url("../fonts/CyrillicOldBold/CyrillicOldBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/CyrillicOldBold/CyrillicOldBold.woff") format("woff"),
    url("../fonts/CyrillicOldBold/CyrillicOldBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}