:root{
  --heading-font: 'Libre Baskerville', serif;
  font-family: 'Playfair Display', serif;
}
html,body{height:100%;}
body{font-family:var(--body-font); background:#f7f7f7; display:flex; flex-direction:column;}
.site-header{background:#000; position:sticky; top:0; z-index:1000; backdrop-filter:saturate(180%) blur(8px);}
.site-footer{background:#fff;}
.brand{font-family:var(--heading-font); font-weight:700; letter-spacing:.04em;}
.logo-sm{height:44px; width:auto; background: #fff}
.logo-lg{filter: brightness(0) invert(1) !important; border-radius:4px; width:200px; height:auto; filter:drop-shadow(0 4px 10px rgba(0,0,0,.08));}
.hero{min-height:65vh;}
.list-group .list-group-item{padding:1rem 1.25rem;}
.list-group-item .bi{opacity:.6;}
.card{border-radius:1rem;}
.btn{border-radius:.8rem;}
/*#artist-gallery img{border-radius:.75rem; object-fit:cover; width:100%; height:360px;}
*/.nav-link{color:#e9352c; opacity:1;}
.nav-link:hover{opacity:.8; text-decoration:underline; color:#fff;}
a{text-underline-offset:2px;}

div#artist-gallery img {
    margin: 25px auto;
}
.hero {
    min-height: 65vh;
 }
h1#artist-name {
    color: #a71c13;
}
small {
    color: #fff;
}

.hero2 {
 min-height: 100vh;
  
}
section.py-5.ddd {
    padding-top: 90px !important;
}
.card-body a {
    color: #a71c13 !important;
}
h1{
    color:#fff !important;
}
p{
    color:#fff !important;
}
.card-body.p-4 p {
    color: #000 !important;
}

body{
    background: url(/assets/img/bg.png);
    background-size:cover;
    background-position: center;
}
}
.small, small {
    font-size: .875em;
    color: #fff;
}
.fw-semibold {
    font-weight: 600 !important;
    text-align: center !important;
}
.lead {
    font-size: 16px;
    font-weight: 100 !important;
    color: #fff;
    line-height: 26px;
    text-align: center;
font-style:italic;
}	
h1#artist-name {
    position: relative;
    left: 40%;
}

a {
    color: #f7f7f7 !important;
}

p.lead.mx-auto.mt-3 {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    font-weight: 400;
text-align:center !important;

}

.site-footer {
    background: #000;
    border: none !important;
}
.site-header{
	border:none !important;
}
.btn {
    background: #a71c13 !important;
    border-radius: .8rem;
    color:#fff !important;
}

h1.hs21 {
    color: #fff;
    text-align: center;
    padding-bottom: 16px;
}



@media(max-width:768px){

h1#artist-name {
    position: unset;
    left: 40%;
}
}