.home .marquee {
	background-position: center center;
	height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
}

    @media all and (max-width: 991px) {
        .home .marquee {
            height: auto !important;
            padding:  30px 0px 50px 0px;
            margin-bottom: 15px;
        }
    }

.home .marquee .marquee-copy {
	color: #fff;
	margin: 35px auto 0px;
    max-width: 650px;
    position: relative;
    padding-left: 30px;
}

    @media all and (max-width: 991px) {
        .home .marquee .marquee-copy {
            max-width: 100%;
            padding-left: 0px;
        }
    }

	.home .marquee .marquee-copy h1, .home .marquee .marquee-copy h2 {
		font-family: 'Lexia';
		font-size: 42pt;
		margin: 0px;
		padding: 15px 0px;
	}
	
	@media all and (max-width: 991px) {
	    .home .marquee .marquee-copy h1, .home .marquee .marquee-copy h2 {
	        font-size: 32pt;
	    }
	}

.home .popout-container {
	color: #fff;
	background-color: #1450A3;
    border-top: solid 15px transparent;
    height: auto;
    position: absolute;
	right: 	0px;
	bottom: 0px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-image: linear-gradient(to right, #0C3873 30%, #7DB557 100%);
    border-image-slice: 1;
    z-index: 10;
        padding-left: 30px;
        padding-right: 30px;
}

    @media all and (max-width: 991px) {
        .home .popout-container {
            position: relative;
        }
    }

    .home .active .popout-container > div {
    }

	.home .popout-container .popout-title h2 {
		font-family: "Lexia";
		font-size: 28pt;
		line-height: normal;
	}

	.home .popout-container .popout-copy p {
		font-weight: 100;
	    font-size: 18pt;
	    line-height: 1.3;
	}

	.home .popout-container .popout-cta {
		float: right;
		padding: 40px 30px 0px 0px;
	}
	
	    @media all and (max-width: 991px) {
	        .home .popout-container .popout-cta {
	            float: none !important;
	            padding-right:  0px;
	            margin:  0px auto;
	            text-align: center;
	        }
	    }
	
	.home .popout-container .popout-cta {
		position: relative;
	}
.home-callout-section {
	padding-bottom: 50px;
}

.home-callout-section .content-block {
	padding: 40px 15px;
}

.promoted-container {
	border: solid 15px;
	-webkit-border-image: linear-gradient(to bottom right, #0C3873 00%, #7DB557 100%);
	border-image: linear-gradient(to bottom right, #0C3873 00%, #7DB557 100%);
    border-image-slice: 1;
	padding: 15px 25px;
	}

	.promoted-container hr {
		border-top: 4px solid #000;
	}

	.promoted-container h3 {
		font-family: "Sofia Pro", "Sans-Serif";
		padding: 0px 0px 10px 0px;
		color: #0C3873;
	}

	.promoted-container .headline {
		font-weight: 600;
		font-family: "Lexia", "Serif";
		font-size: 26pt;
	}

	.promoted-container a {
		color: #0C3873;
	}

	.promoted-container a h3:hover {
		text-decoration: underline;
		color: #7CB456;
	}

.feature-block-section {
    padding: 70px 0px 70px 0px;
}

    @media all and (max-width: 991px) {
        .feature-block-section {
            margin-left:  0px !important;
            margin-right: 0px !important;
        }
    }

.feature-block-section .feature-block {
	float: left;
	width: 100%;
	padding: 15px 0px;
}

.feature-block .content {
	/*float: left;*/
	/*width: 60%;*/
	padding: 20px;
    /*height: 290px;*/
    background-color: #fff;
}

	.feature-block .content p {
		font-size: 12pt;
	}
	.feature-block .content p a {
		text-decoration: underline;
	}

.feature-block .feature-image-1, .feature-block .feature-image-2 {
	height: 290px;
	/*float: left;
	width: 40%;*/
}

.home .scroll-wrap {
	margin-top: 50px;
}

.home footer {
	margin-top: 0px;
}

@media only screen and (min-width: 1024px) {
	
	.home .marquee .popout-container {
		right: 5%;
	}
	
}

@media only screen and (min-width: 577px) {
	.feature-block .content {
		width: 60%;
		height: 290px;
		float: left;
	}
	
	.feature-block .feature-image-1, .feature-block .feature-image-2 {
		float: left;
		width: 40%;
	}
}

@media only screen and (min-width: 992px) {
	.home .popout-container {
		position: absolute;
	}

	.home .popout-container {
    	width: 510px;
    	height: 500px;
    	right: 25px;
	}

	.home .scroll-wrap {
		margin-top: 0px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home .popout-container {
    	right: -150px;
    }
}