.caveat {
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: xx-large;
  }  
.suse {
    font-family: "SUSE", system-ui;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: x-large;
}
a {
    text-decoration: none;   
}
header a {
    display: inline-block;
    transition: transform 0.3s ease;
}
header .btn-success {
    background-color: rgb(26, 195, 49)!important;
    border-color: rgb(26, 195, 4)!important;
}
header .btn-success:hover {
    background-color: rgb(35, 140, 49)!important;
    border-color: rgb(35, 140, 49)!important;
}
header a:hover {
    transform: scale(1.3);
    color: rgb(216, 220, 220);
}
header, footer {
    background-color: goldenrod;
}
footer {
    height: 100%;
}
footer img {
    border-radius: 15px;
}
.telegram {
    font-size: 40px;
}
.masters, .placement, .price {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(218,165,32,1) 51%, rgba(255,255,255,0) 100%);
}
.forwhom, .youcanexpect {
    background: linear-gradient(90deg, rgba(218,165,32,1) 0%, rgba(218,165,32,1) 0%, rgba(255,255,255,0) 100%);
}
.schedule {
    background-color: rgba(255, 200, 2, 0.598);
}
.carousel {
    height: 500px;
    object-fit: cover;
}
@media (max-width: 840px) {
    .my_navbar {
        margin-left: 1em!important;
        margin-right: 1em!important;
    }
}
@media (min-width: 768px) {
    .schedule {
        height: 320px;
    }
}
@media (min-width: 400px) {
    footer img {
        width: 80%;
    }
}
@media (max-width: 992px) {
    footer p {
        font-size: 18px!important;
    }
}
@media (max-width: 767px) {
    .carousel {
        height: 300px;
        object-fit: cover;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .carousel {
        height: 400px;
        object-fit: cover;
    }
}