.subtitle{
	color: #F4D942;
	text-shadow: 0 2px 4px #CDAE00;
	text-align: center;
}

@media (min-width: 1024px) {
    .centered-md {
    	padding: 0px 0px 0px 40px
    }
}

@media (max-width: 1024px) {
    h1 {
    	font-size: 24px;
    }
}

#grad1 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 900px;
	width: 100%;
	background-image: linear-gradient(-180deg, #CE79FF 0%, #F4D942 100%);
}

.bottom-grad-wrapper {
	position:relative; 
	height: 900px; width=100%; 
	top: 900px; 
	margin-top: -1800px; 
	z-index: -10000
}

#grad2 {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(-180deg, #F4D942 0%, #00ECE1 100%);
}

.spacer{
	height: 40px;
}

p {
	text-align: center;
	color: #5A5A5A;
}

h2{
	color: #5A5A5A;
	text-shadow: 0 2px 4px #9B8300;
	text-align: center;
}

.responsive-video {
	/*
	define whatever here
	*/
}

.responsive-video-container {
	width: 100%;
	display: block;
}