* {
        box-sizing: border-box;
    }

.intro-flex {
display: flex;
flex-wrap: wrap;
}

.intro-flex--image {
background-image: url(/sites/content/image/2600013957772);
background-position: center;
background-size: auto 100%;
display: flex;
padding: 0;
margin-bottom: 1.5em;
min-height: 200px;
position: relative;
overflow: hidden;
}

.intro-flex--image::after {
position: absolute;
top: 0;
right: -0.9px;
width: 0;
height: 0;
border-top: 40vh solid #F5F5F5;
border-left: 6vh solid transparent;
}

/* Modal stuff */
.modal-open {
overflow: hidden
}

.modal {
z-index: 1040;
display: none;
left: 0;
overflow-x: auto;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
bottom: 0
}

.modal.upon {
z-index: 1052
}

.fade {
opacity: 0;
transition: opacity .15s linear 0s
}

.fade.in {
opacity: 1
}

.modal.fade .modal-dialog {
transform: translateY(-25%);
transition: transform .3s ease-out 0s
}

.modal.in .modal-dialog {
transform: translate(0)
}

.modal-dialog {
margin: 10% auto 0;
z-index: 1050;
position: relative
}

.modal.upon .modal-dialog {
z-index: 1053
}

.modal-content {
padding: 20px 30px 35px;
background-color: #fff;
position: relative;
outline: 0 none
}

.modal-header {
position: relative;
margin-bottom: 25px
}

.modal-header h1 {
font-size: 24px;
font-family: ProximaNovaCond-Bold, Sans-Serif;
border-bottom: 1px solid #e4e3e3;
padding-bottom: 10px;
color: #595454
}

.modal-header .close,
.modal-header .m-icon-close {
position: absolute;
right: 0;
top: -5px
}

.modal-header .m-icon-close {
padding: .15em;
border-radius: 100px;
background-color: #1c88c7;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
color: #fff;
font-size: 19px;
font-weight: 600;
line-height: 1;
text-align: center;
letter-spacing: .5px;
cursor: pointer
}

.modal-body {
max-height: none;
overflow: visible
}

.modal.modal-absolute {
position: absolute;
z-index: 950
}

.modal .loading-mask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-radius: 6px
}

.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}

.modal-backdrop {
background-color: #000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1030
}

.modal-backdrop.upon {
z-index: 1051
}

.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}

.modal-backdrop.fade.in {
opacity: .7;
filter: alpha(opacity=70)
}

iframe {
border: none
}

#videoModal .modal-dialog {
width: 600px
}

#videoModal .modal-dialog .modal-body {
height: 400px
}

#videoModal .modal-content {
padding: 25px
}

#videoModal .i-close {
position: absolute;
right: 10px;
top: 10px
}

/* Float four columns side by side */
.column {
float: left;
width: 33.33%;
padding: 0 10px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
.column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.intro-flex--image {
    background-size: 100%;
}
}

/* Style the counter cards */
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 10px;
}

.card a {
font-size: 20px;
}

.card img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}