@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Marcellus&display=swap');

@media screen and (orientation:landscape) {
    .hero img {
        max-height: 100vh;
    }
}

@media screen and (max-width:770px){
    .hero {
        margin-top: 100px;
        box-shadow: 0px -22px 28px -22px rgba(0,0,0,0.45), 0px 25px 20px -20px rgba(0,0,0,0.45);
    }
}

.accordion {
    --bs-accordion-btn-bg: #ffffff;
    --bs-accordion-active-bg: #742b3f59;
    --bs-accordion-active-color: #000000;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-bg: ffffff;
    --bs-accordion-color: #000000;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-button {
    border-bottom: #000000;
}

.card {
    --bs-card-border-color: #411622;
}


.card .card-header {
    background-color: #742b3f59;
}

h1,
h4,
h6 {
    font-family: "Marcellus", serif;
    font-style: italic;
}

.hero h2 {
    font-family: "Marcellus", serif;
    font-style: italic;
    color: white;
    font-weight: 500;
}

ul li {
    font-weight: 200;
}

/*.cover-container {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/