.featured-content{display: flex; flex-wrap: wrap; align-items: center; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; padding-bottom:25vw;}
.home-style.featured-content .cropping{width: 100%;}
.home-style.featured-content .cropping.top{margin-bottom:-10%; width:calc(100% + 4px); margin-left:-2px; margin-right:-2px;}
.home-style.featured-content .cropping.top img{margin-top:-1px; position:relative; z-index:5; width:100%;}
.featured-content .content{position: relative;}
.home-style.featured-content .content{margin-left:60%; width:40%; padding:100px 0 100px 100px; position:relative; color:#fff; z-index:1;}
.home-style.featured-content .content:before{content:" "; background:#123; opacity:0.5; position:absolute; top:-150%; left:-100px; width:300%; height:400%; border-radius:50%;  z-index:-1; }
.featured-content .content .type{font-size:25pt; margin-bottom: 50px; font-weight:700; line-height:50px; padding:5px 10px 5px 20px; color:#fff; text-transform:uppercase; position:relative; z-index:1;}
.featured-content .content .type:before{content:" "; position:absolute; top:0; left:0; border-top-left-radius:30px; border-bottom-left-radius:30px; 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 */
}
.featured-content .content h6{color:#fff; font-weight: 700;}
.featured-content .content p{color:#fff;}
.home-style.featured-content .cropping.bottom{}
.home-style.featured-content .cropping.bottom img{margin-top:0; position:relative; z-index:5;}
.home-style.featured-content .content .btn{margin-top: 40px; margin-left: 20px;}
.home-style.featured-content .content h6, .home-style.featured-content .content p{padding-right: 5vw; padding-left: 20px;}

.featured-content h6{font-size:25pt; margin: 25px 0px;}

.featured-content:not(.home-style){padding-bottom: 0px;}
.featured-content:not(.home-style) .content{display: inline-block;margin-left: auto;width: 34%;background: rgba(39,55,69,.8); min-height: 40vw; display: flex; flex-wrap: wrap; flex-direction: column;}
.featured-content:not(.home-style) .content .type{margin-top: 0px; margin-bottom: 0px; padding-left: 40px; width: 100%;}
.featured-content:not(.home-style) .content .type:before{border-radius: 0px;}
.featured-content:not(.home-style) .content .content-inner{flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center;}
.featured-content:not(.home-style) .content .content-details{width: 100%;}
.featured-content:not(.home-style) .content .title, .featured-content:not(.home-style) .content p{padding: 0px 50px;}
.featured-content:not(.home-style) .btn{margin: 30px 50px; /*margin-bottom: 120px;*/}

.quote-block{margin-top:-15vw; position:relative; z-index:1; width: 100%; overflow: hidden;}
.quote-block .image-wrap.cropping.bottom{margin-bottom:-100px; width: 102%; margin-left: -1%;}
.quote-block .quotes{background:#058E89; margin-top:-4px;}
.quote-block .quotes .image-wrap{display:inline-block; width:200px; position:relative; top:0; left:calc(30% - 240px);}
.quote-block .quotes .image-wrap img{width:100%;}
.quote-block .quotes ul{position:relative; margin-left:20vw; padding-right:15vw; top:-5vw; padding-left: 200px;}
.quote-block .quotes ul:before{content: ''; background-image: url('/wp-content/themes/StratixCustom/images/quoteIcon.png'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 200px; height: 200px; position: absolute; left: -20px; top: -20px; display: inline-block;}
.quote-block .quotes p{color:#fff;}
.quote-block .quotes .type{color:#fff; font-weight:bold;}
.quote-block .source{margin-top: 30px;}
.quote-block .source *{color: white;}

/* Font scale adjustment */
/* @media(max-width: 2300px){
    .home-style.featured-content .content .type{font-size: 19pt;}
    .home-style.featured-content .content h6{font-size: 19pt;}
} */

@media(max-width: 2200px){
    .home-style.featured-content{padding-bottom: 20vw;}
    .featured-content .content h6{font-size: 30pt;}
}

@media(max-width: 1920px){
    .home-style.featured-content{padding-bottom: 20vw;}
    .featured-content .content .type{line-height: 35px; font-size: 19pt; margin-bottom: 30px;}
    .featured-content .content h6{font-size: 19pt;}
    .featured-content:not(.home-style) .content{width: 36%; min-height: 35vw;}

    /*.featured-content:not(.home-style) .content .type, .featured-content:not(.home-style) .btn{margin-bottom: 75px;}*/

    .quote-block .quotes ul{padding-left: 130px;}
    .quote-block .quotes ul:before{width: 130px; height: 130px; top: -10px;}
    .quote-block{margin-top: -15vw;}
    .quote-block .image-wrap.cropping.bottom{ margin-bottom: -4vw;}   
}

@media(max-width: 1440px){
    .home-style.featured-content .content{margin-left: 50%; width: 50%;}
    .home-style.featured-content .content:before{left: 20px;height: 350%;top: -133%;}
    .featured-content:not(.home-style) .content{width: 34%;}

    .featured-content:not(.home-style) .content .type, .featured-content:not(.home-style) .btn{margin-bottom: 80px;}
}

@media(max-width: 1024px){
    .featured-content:not(.home-style){padding-bottom: 0px;height: auto;}
    .home-style.featured-content .content{margin-left: 0px;width: 100%;text-align: center; padding: 0px 15px;}
    .home-style.featured-content .content:before{left: -50%;right: auto;width: 200%;top: -50%;bottom: auto;opacity: .8;}
    .home-style.featured-content .content .type:before{display: none;}
    .home-style.featured-content .content .type, .home-style.featured-content .content h6, .home-style.featured-content .content p{padding: 0px;}
    .home-style.featured-content .content p{display: none;}
    .home-style.featured-content .content h6{max-width: 300px;margin-left: auto;margin-right: auto;}
    .home-style.featured-content .content .btn{margin: 0px; margin-bottom: 40px;}
}

@media(max-width: 768px){
    .featured-content:not(.home-style){padding-top: 250px;}
    .featured-content:not(.home-style) .content{width: 100% !important; min-height: 0px;}
    .featured-content:not(.home-style) .content .type{position: absolute;top: -250px;width: 100%;}
    .featured-content:not(.home-style) .content .type, .featured-content:not(.home-style) .btn{margin-bottom: 0px;}
    .featured-content:not(.home-style) .btn{margin-bottom: 20px; margin-top: 0px;}
    .featured-content:not(.home-style) .content p{display: none;}
    .featured-content:not(.home-style) .content .type{padding-left: 20px;}
    .featured-content:not(.home-style) .content .title, .featured-content:not(.home-style) .content p{padding: 0px 20px;}
    .featured-content:not(.home-style) .btn{margin: 30px 20px;margin-bottom: 20px;margin-top: 0px;}
    .featured-content:not(.home-style) .content{background: #273745;}
}

@media(max-width: 640px){
    .home-style.featured-content{padding-bottom: 30vw !important; overflow-x: hidden;}
    .home-style.featured-content .cropping img{width: 200% !important; max-width: 200% !important;}
    .home-style.featured-content .content:before{left: -50%;right: auto;width: 300%;top: -70%;bottom: auto;opacity: .8;}
    
    .quote-block{margin-top: -32vw; overflow-x: hidden;}
    .quote-block .quotes ul{padding: 0px 20px;margin: 0px;padding-bottom: 40px;}
    .quote-block .quotes ul:before{top: -10px;position: relative;left: 0px;right: auto;width: 100px;height: 100px;margin-top: 40px;}
    .quote-block .image-wrap.cropping.bottom img{max-width: 200%;}
}