.zone-preface { 
margin: 0px 0; 
padding-bottom: 25px
}
#zone-content .region-inner {
    margin-bottom: 0px;
}

#zone-content {
    margin-top: 25px;
}
.callout {
min-height: 150px;
position: relative;
display: flex;
background-repeat: no-repeat;
background-position: 50% 12px;
background-size: 128px 128px;
cursor: pointer;
}
#zone-preface h2.block-title a {
display:none;
color: #054B93;
font-size: 12px;
font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif; 
font-weight: 700; 
text-align: center;
padding-top: 140px;
position: absolute;
z-index: 10;
width: 100%;
}

.callout .content p  a:hover {
    color: #fff;
    /* background-color: #054B93; */
}

#zone-preface .img-shadow img {
    box-shadow: none !important;
}

.callout .content p a {

color: #054B93;
font-size: 12px;
font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif; 
font-weight: 700; 
text-align: center;
padding-top: 140px;
position: absolute;
z-index: 10;
width: 100%;
}

.callout-preface-first {
    background-color: #ffffff;
    background-image: url("/sites/default/files/images/White%20House_3.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    padding-bottom: 40px;
}
.callout-preface-first a:hover {
    background-color: #BA2946;
    background-image: url("/sites/default/files/images/White%20House_4.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    /* padding-bottom: 40px; */
}

.callout-preface-second {
    background-color: #ffffff;
    background-image: url("/sites/default/files/images/Globe1.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    padding-bottom: 40px;
}
.callout-preface-second a:hover {
    background-color: #C29D4E;
    background-image: url("/sites/default/files/images/Globe2.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    /* padding-bottom: 40px; */
}

.callout-preface-third {
    background-color: #ffffff;
    background-image: url("/sites/default/files/images/Node_1.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    padding-bottom: 40px;
}
.callout-preface-third a:hover {
    background-color: #EF6555;
    background-image: url("/sites/default/files/images/Node_2.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    /* padding-bottom: 40px; */
}
.callout-preface-fourth {
    background-color: #ffffff;
    background-image: url("/sites/default/files/images/DNA_3.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    padding-bottom: 40px;
}
.callout-preface-fourth a:hover {
    background-color: #6626C2;
    background-image: url("/sites/default/files/images/DNA_4.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    /* padding-bottom: 40px; */
}
.callout-preface-fifth {
    background-color: #ffffff;
    background-image: url("/sites/default/files/images/Branch-Engineering1.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    padding-bottom: 40px;
}
.callout-preface-fifth a:hover {
    background-color: #0d4d91;
    background-image: url("/sites/default/files/images/Branch-Engineering2.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    /* padding-bottom: 40px; */
}
.callout-preface-sixth {
    background-color: #ffffff;
    background-image: url("/sites/default/files/images/Ecology.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    padding-bottom: 40px;
}
.callout-preface-sixth a:hover {
    background-color: #6aa389;
    background-image: url("/sites/default/files/images/Ecology2.png") ;
    background-repeat: no-repeat;
    background-position: 80px 10px;
    /* padding-bottom: 40px; */
}