.h6, h6 {
    font-size: 16px;
}
.h2 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 12px;
    font-weight: 700;
    color: #212121;
}
.h3 {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 4px;
    font-weight: 700;
    color: #212121;
}

.h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 6px;
    font-weight: 700;
    color: #212121;
}
.h2.red, .h3.red, .h4.red {color: #bd0c0c;}


.form-required:after {
    background:none !important;
    color: #bd0d0d;
    content: "*";
}
.sf-multicolumn-wrapper>ol>.sf-multicolumn-column>.sf-multicolumn-column>a {
    font-size: 16px;
    font-weight: 900;
    padding: 11px 20px;
    margin: 0;
    text-transform: uppercase;
    line-height: 33px;
    color: #212121;
    background: #fff;
    border-bottom: 0;
    border-right: 1px solid #eee;
}

/* Fix Row wrapping column height */
#views-bootstrap-leadership-block-1 .row {

    display: flex;
    flex-wrap: wrap;
}

/*BLog*/
.not-front .view-blog .row {
    display: flex;
    flex-wrap: wrap;
}
.not-front .view-blog .col-xs-12 { margin-bottom: 40px;}

/* for embedded youtube videos placed in CK4 with Media Library */
.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
    width: 90%;
    height: 90%;
    margin: 0 auto;
}

.sub-title {
    color: #fff;
    font-weight: 300;
    font-size: 24px;
	line-height: 28px;
	margin-bottom: 30px;
}

