body {font-family: 'PT Sans', sans-serif; min-width:375px;}
h1,h2,h3,h4,h5,h6 { font-family: Cuprum, 'PT Sans', sans-serif; }
@media screen and (min-width: 1200px) { 
body { font-size:1.4em; }
}

#main { background:url(/img/mainbg.jpg) no-repeat center center /cover; filter: grayscale(70%);}
#main .container-fluid {
    height:100vh;
    
    
}
#main-slide-2 {
   
}
.slide-2 {
    
    min-height:30vh;
}
#main h3 { font-weight:bolder; }
#main .text {
    width:100%;
    height:100%;
    z-index:1;
}
.bg-darky {
    background:#000;
    background:rgba(0,0,0,0.5);
    border-radius:0.5em;
    margin-top:5em;
    padding:1em;
    color:#fff;
}
.card-video .card { height:200px; width:30%; margin:0.5em 1%; }
.card-video h5 { text-shadow:2px 2px 1px #000; }
.card-video .card-image { height:100%; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.card-img-overlay { background-image:url("/img/play.png"); background-repeat:no-repeat; background-position:center center; background-size:20%; }
.card-img-overlay:hover { filter: opacity(50%); cursor:pointer; }
.round { width:150px; height:150px; border-radius:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; margin:0 auto; margin-bottom:1em; }
.quote-author{ width:100%; text-align:center; }
.blockquote { font-style:italic; font-size:1rem; text-align:center; width:100%; }
#carouselSpectacle { height:80vh; }
.spectacleTitle { height:80vh; position:absolute; top:0; margin-left: auto;
margin-right: auto;
left: 0;
right: 0; width:100%; z-index:1040;  }
.spectacleTitle h1 {text-shadow:1px 1px 1px rgba(0,0,0,0.5); font-size:6em;}
.carousel { width:100% !important; min-height:400px;}
.carousel-inner { height:100% !important; min-height:400px; }
.carousel-item { height:100% !important;  min-height:400px;}
.carousel-item div { height:100%; width:100%;  min-height:400px;background-position:center center; background-size:cover; background-repeat:no-repeat; }
.quotes .card { width:23vw; text-align:center; margin:1em; min-width:250px; }
.quotes .double { width:48vw !important; min-width:375px; }

@media screen and (min-width:375px) and (max-width:1200px) {
#main {
    background-position:left;
}
.bg-darky { margin-top:2em; }
.text-dark { margin-top:2em; }
blockquote p { font-size:0.8rem; }
}
.card-columns .card, .card-columns .card-image { height:250px; background-size:cover; background-position:center center; }