.main-font {
    font-family: Arial, Helvetica, sans-serif;
}

.fs-25rem {
    font-size: 25rem;
}

#title {
    color: black;
    text-decoration: none;
}

#title:hover {
    text-decoration: underline;
}

.lighter-text {
    color: #f8f9fa;
}

.darker-text {
    color: #3135ae;
}

.navbar-link {
    text-decoration: none;
}

.navbar-link:hover {
    color: #3135ae;
    background-color: #E9ECEF;
}

.navbar-link[aria-expanded="true"] {
    color: #3135ae;
    background-color: #E9ECEF;
}

.navbar-toggler:hover {
    background-color: #251f83;
}

.link {
    font-size: 0.925rem;
}

.dropdown-item {
    text-decoration: none;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.background-1 {
    background-color: #4568ff;
}

.background-2 {
    background-color: #FFA4A4;
}

.background-3 {
    background-color: #3135ae;
}

.background-4 {
    background-color: #FF8080;
}

.background-5 {
    background-color: #000080;
}

.background-6 {
    background-color: #f5e0ab;
}

.background-7 {
    background-color: #FFD100;
}

.accordion-header {
    color: #3135ae;
}

.accordion-header:hover {
    color: #3135ae;
    background-color: #E9ECEF;
}

.accordion-header[aria-expanded="true"] {
    color: #3135ae;
    background-color: #E9ECEF;
}

.pointer {
    cursor: pointer;
}

.card-height {
    height: 9rem;
}

.text-wrap {
    text-wrap: wrap;
}

.fs-1_25rem {
    font-size: 1.25rem;
}

.width-36rem {
    width: 36rem;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

@media screen and (min-width: 320px) {
    #bouquet {
        opacity: 50%;
    }

    #director-img {
        max-width: 100%;
        height: auto;
    }
    
    .clip-to-slide {
        height: 165px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 375px) {
    .clip-to-slide {
        height: 202px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 425px) {
    .clip-to-slide {
        height: 235px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 768px) {
    .clip-to-slide {
        height: 448px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .link-break::after {
        content: "\a";
        white-space: pre;
    }

    .clip-to-slide {
        height: 608px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 1200px) {
    #bouquet {
        opacity: 100%;
    }

    .fade-right-to-left-img {
        -webkit-mask-image:-webkit-gradient(linear, right, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
        mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
    }

    #director-img {
        max-width: none;
    }

    .registration-card {
        width: 50%;
    }

    .clip-to-slide {
        height: 728px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 1440px) {
    .clip-to-fit {
        height: 36rem;
        object-fit: cover;
    }

    .card-height {
        height: 8rem;
    }

    .clip-to-slide {
        height: 848px;
        object-fit: cover;
        width: auto;
    }
}

@media screen and (min-width: 1920px) {
    .fs-1_5rem {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 2560px) {}