/*!
 * Add custom css for this site here:
 */
h1.display, h2.display{
    font-family:'Montserrat', Arial, sans-serif;
    font-style: normal!important;
    font-weight: 300!important;
    color: #c8102e!important;
}    

h1.display {
    font-size: 2.75rem!important;
}
h2.display {
    font-size: 2.25rem!important;
}

p.display-lg {
    font-size: 2.75rem!important;
    color:#c8102e!important;
}

.carousel-indicators {
    position: absolute;
    margin: 0;
    left: 74%!important;
    top: 90%!important;
    width: 15%;
}
 .carousel-caption {
    background-color: rgba(0,0,0,.7)!important;
    padding: 1em!important;
    bottom: inherit!important;
    text-align: left!important;
    overflow: visible!important;
    top: 70%!important;
    right: 10%!important;
    left: 10%!important;
}

 .carousel-caption h3 {
    font-size: 1.75rem!important;
    line-height: 2rem!important;
    color: #ffffff!important;
}
 
 .carousel-caption p {
     color:#ffffff!important;
 }

 .carousel-caption p a {
     color:#ffffff!important;
 }
 
.card h2{
    font-size: 1.125rem!important;
    line-height: 1.7rem!important;
    color: #c8102e!important;
    font-family:'Montserrat', Arial, sans-serif;
    font-style: normal!important;
    font-weight: 700!important;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0,0,0,.0)!important;
    border-top: 1px solid rgba(0,0,0,.0)!important;
}

@media (min-width: 922px){
.card-deck .card {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex: 1 0 0%!important;
    flex: 1 0 0%!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    margin-right: 15px!important;
    margin-bottom: 0!important;
    margin-left: 15px!important;
}
}
@media (max-width: 768px) {
 .carousel-caption {
    background-color: rgba(0,0,0,.7)!important;
    padding: 1em!important;
    bottom: inherit!important;
    text-align: left!important;
    overflow: visible!important;
    top: 100%!important;
    right: 0%!important;
    left: 0%!important;
}
} 
 
