.jdpcallouts { padding:0; background-color:#f4f5f7; line-height:0; padding:25px; }

.button-link { text-align:center; }
.button-link a { padding-left: 30px;
    padding-right: 30px;
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: inline-block;
    white-space: nowrap;
    height: 48px;
    line-height: 48px;
    font-weight: 500;
    background-color: #00a6de;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    margin-top: 36px; }

.cleared { clear:both; }
.jdpcallout__cont {padding-left:0%; display:webkit-box; display:webkit-flex; display:ms-flexbox;  display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; position:relative; /* display:block; */}
.jdpcallout__cont__image-cont { width:25%; display:inline-block; padding:0; margin:0; float:left;}
.jdpcallout__cont__image-cont:nth-of-type(even) { float:right; }
.jdpcallout__cont .background-image-cont { position:unset; top:0; right:auto; bottom:auto; left:0; width:100%; height:100%; display:flex; align-items:center; }
.jdpcallout__cont .background-image-cont img { width:100%; }

.jdpcallout__cont__text { width:75%; padding:23px; display:flex; align-items:center; float:left;margin-top:16px;}
.jdpcallout__cont__text .section-heading { width:100%; height:auto; }
.jdpcallout__cont__text .section-heading h4 { text-align:Center; font-size:3em; line-height:1em; vertical-align:sub;}
.jdpcallout__cont__text .section-heading p { text-align:center; font-size:1.2em; line-height:1.2em;}



.vizcallout { background:#1a223e; padding: 0; margin: 0; max-height: 242px; }
.vizcallout:after { content: ''; display: block; clear: both; }
.viz-image-cont { float: left; display: inline-block; width: 50%; }
.vizcallout__cont__text { float: left; display: inline-block; width: 50%; margin-left: -7%; margin-top: 30px; color: white; }
.vizcallout__cont__text h4 { font-size: 3.4rem; margin-bottom: 15px; font-weight: 1000; }
.vizcallout__cont__text .btn { float: right; margin-left: -10%; margin-top: 18px; }
.viz-image-cont { position:relative; z-index:0; }
.vizcallout__cont__text { position:relative; z-index:1; }
.vizcallout .section-heading h4, .vizcallout .section-heading p { filter: drop-shadow(0px 0px 10px #000);}





.jdpcallouts { padding:0; background-color:#f4f5f7; line-height:0; background-image:none; padding:25px; }

.jdpcallouts .jdpcallout__cont__image-cont { width:18%; margin-left:10%;}
.jdpcallouts .jdpcallout__cont__text { padding-left:0; margin-left:0; width:65%; }
.jdpcallouts .jdpcallout__cont__text .section-heading { padding: 10px;background: rgba(244, 245, 247, .6); border-radius: 10px; width: 100%; }
.jdpcallouts .jdpcallout__cont__text .section-heading h4{ font-weight:1000; text-align:center;}
.jdpcallouts .jdpcallout__cont__text .section-heading p { text-align:center; margin-top:5px; font-size:1.5em;}
.jdpcallouts .jdpcallout__cont__text .section-heading p:last-of-type {font-size:1em; font-weight:800; }

.disclaim { font-style:italic; font-size:1em; opacity:.8; }



@media only screen and (max-width: 1080px){
.jdpcallout__cont__text .section-heading { margin-top:0; }
.jdpcallout__cont__text .section-heading h4 { font-size:2.5em; }
.jdpcallout__cont__text .section-heading p { font-size:1.2em; }
}
@media only screen and (max-width: 812px) {
    .vizcallout { max-height: none; }
    .viz-image-cont { width:100%; float:none; margin:0; }
    .vizcallout__cont__text { width:100%; float:none; margin:0; padding:48px 18px;}
    .viz-image-cont img { max-width:100%; }
}
@media only screen and (max-width: 768px){
.jdpcallout__cont__text .section-heading h4 { font-size:2.4rem; }
.jdpcallout__cont__text .section-heading p { font-size:1.4rem; }
}

@media only screen and (max-width:700px){
.jdpcallout__cont {padding:10px; }
.jdpcallout__cont__image-cont { width:100%!important; margin-left:0!important; }
.jdpcallout__cont__image-cont .background-image-cont { width:50%; margin:0 auto;}
.jdpcallout__cont__text { width:100%!important; padding:0; }
}