.small-figure{display: flex;flex-wrap: wrap;align-items: stretch;}
.small-figure section{width: 50%;width: 50%;background-position: center;background-size: cover;background-repeat: no-repeat; display: flex; align-items: center; height: auto; }
.small-figure section.details{padding: 120px; background: #f2f2f2;}
.small-figure section.details .title-area{font-family: 'Ubuntu';}
.small-figure section.content{position: relative;}
.small-figure section.content .overlay{display: inline-block;height: 100%;width: 100%;position: absolute;z-index: 0; top: 0px; left: 0px;}
.small-figure section.content .title-area{height: auto; z-index: 1;display: inline-block;width: 100%; margin-top: 40px; text-align: center;}
.small-figure section.content .image-wrap{height: 200px; text-align: center; cursor: pointer; margin-right: auto; margin-left: auto; display: inline-block;}
.small-figure section.content .image-wrap img{height: 100%;}
.small-figure section.content .title{text-align: center; color: white;}
.small-figure .type{font-size:25pt; z-index: 1; margin: 0px; width: 100%; font-weight:700; line-height:50px; padding:5px 10px 5px 20px; color:#fff; text-transform:uppercase; position:relative; z-index:1;position: absolute;top: 0px;left: 0px;border-radius: 0px;}
.small-figure .type:before{content:" ";opacity: .8; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9e0+0,9fcd45+100&0.9+0,0.9+100 */
    background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.small-figure h6{font-size:25pt; margin: 25px 0px;}
.small-figure.reverse section:first-of-type{order: 1;}
.small-figure section.details{min-height: 700px;}

@media(max-width: 2200px){
    .small-figure h6{font-size: 30pt;}
}

@media(max-width: 1920px){
    .small-figure h6{font-size: 19pt;}
    .small-figure .type{line-height: 35px; font-size: 19pt; margin-bottom: 30px;}
    .small-figure section.content .image-wrap{height: 130px;}
    .small-figure section.details{min-height: 500px;}
    .simple-highlights .highlights .icon-highlight .image-wrap{height: 80px;}
}

@media(max-width: 1440px){
    .small-figure section.details, .small-figure section.content{padding: 80px 100px;min-height: unset;}
    .small-figure section.content .image-wrap{height: 100px;}
}

@media(max-width: 1200px){
    .small-figure section.details, .small-figure section.content{padding: 50px;}
}

@media(max-width: 1024px){
    .small-figure section.details{width: 100%;order: 1;padding: 7vw 9vw;min-height: unset;}
    .small-figure section.content{width: 100%; order: 0; height: 55vw;}
}

@media(max-width: 768px){
    .small-figure section.content{padding: 0px; height: 80vw; max-height: 400px;}
    .small-figure section.content .title{font-size: 14pt;}
}

/*@media(max-width: 1024px){
    .small-figure .type:before{display: none;}
	.small-figure .type{padding: 0px;}
}*/