@keyframes animatedBackground {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



#hero {
	position:relative;
    background: #ddd;
    background-size: cover;
    background-position: center top;
    animation: animatedBackground 2.75s ease;
}
.Homepage-Layout #hero {
	height:250px;
}
.main-sub #hero {
	height:200px;
	margin-bottom:176px;
}
@media only screen and (max-width: 767px) {
	.cta-wrapper {
		position:relative;
		padding-top:250px;
	}
	.Homepage-Layout .bodyRow {
		margin-top:160px;
	}
}

@media only screen and (min-width: 768px) {
	#hero {
		background-position: center bottom;
	}
	.Homepage-Layout #hero {
		height:435px;
	}
	.main-sub #hero {
		height:435px;
		margin-bottom:132px;
	}
}