/************************
START col3WithDividers
************************/
.col3WithDividersGreen {
    height: auto;
    text-align: center;
    position: relative;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
}
.col3WithDividersGreen::before {
    content: '';
    border-left: 1px solid #b0bc36;
    position: absolute;
    left: 0px;
    top: 50px;
    height: 225px;
}
.col3WithDividersGreen infoTitleGroup {
    display: block;
    text-align: center;
}
.col3WithDividersGreen .infoImage {
    padding: 0px 100px 0px 100px;
}
.col3WithDividersGreen .infoTitle {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.2px;
    margin: 0px;
    padding: 30px 100px 0px 100px;
}
.col3WithDividersGreen .infoText {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin: 0px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: middle;
}
.col3WithDividersGreen .infoLink {
    padding: 0px 0px 0px 0px;
}
.col3WithDividersGreen .infoLink::after {
    font-family: FontAwesome;
    content: " \f105\00a0\00a0";
    color: #49488a;
}
.col3WithDividersBlue {
    height: auto;
    text-align: center;
    position: relative;
    padding: 20px 20px 50px 20px;
    overflow: hidden;
}
/* vertical dividers */
.col3WithDividersBlue::before {
    content: '';
/*     border-left: 0; */
    border-left: 1px solid #b0bc36;
    position: absolute;
    left: 0px;
    top: 50px;
    height: 225px;
}
#first::before {
    border-left: none;
    border-top: none;
}
.col3WithDividersBlue infoTitleGroup {
    display: block;
    text-align: center;
}
.col3WithDividersBlue .infoImage {
    padding: 0px 100px 0px 100px;
}
.col3WithDividersBlue .infoTitle {
    font-size: 36px;
    font-family: 'KapraNeue-Bold';
    /*line-height: 30px;
  letter-spacing: 0.2px;*/
    margin: 0px;
    padding: 30px 0px;
}
.col3WithDividersBlue .infoText {
    font-size: 20px;
    line-height: 24px;
    /*letter-spacing: 0.2px;*/
    font-family: 'Helvetica', arial;
    margin: 0px;
    padding: 30px 2% 30px 2%;
    text-align: middle;
}
.col3WithDividersBlue .infoLink {
    padding: 0px 0px 0px 0px;
}
.col3WithDividersBlue .infoLink::after {
    font-family: FontAwesome;
    content: " \f105\00a0\00a0";
    color: #49488a;
}
@media only screen and (max-width: 768px) {
    .col3WithDividersBlue .col3WithDividersBlue {
        height: auto;
        text-align: center;
        width: auto;
        margin: 0;
    }
    /* horizontal dividers */
    .col3WithDividersBlue::before {
        content: '';
        /*       border-top: 1px solid #b0bc36; */
        width: 250px;
        height: auto;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    #first::before {
        content: '';
        /*border-top: 1px solid #b0bc36;*/
        width: 250px;
        height: auto;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .col3WithDividersBlue .infoTitle {
        font-size: 5vw;
        line-height: 1.2;
        /*letter-spacing: 0.2px;*/
        margin: 0px;
        /*     padding: 40px 100px 0px 100px; */
    }
    .col3WithDividersBlue .infoText {
        font-size: 3.5vw;
        line-height: 1.2;
        padding-left: 10%;
        padding-right: 10%;
    }
}
/* custom so line height will not be off */
.col3WithDividersBlue sup {
    vertical-align: top;
    position: relative;
    top: -5px;
}
/************************
END col3WithDividers
************************/