BODY { margin: 0; background-color: #000; font-family: 'Century Gothic', sans-serif; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #aaa;}
.Normal { color: #fff; font-family: 'Century Gothic', sans-serif; text-transform: none;letter-spacing: 2px;}
.row { }
.col-sm-12 { width: 100%;}
#videocontainer { width: 100%;  text-align: center; max-height: 100px;}
#videocontainer img { width: 50%; min-width: 300px; }
#videocontainer a { color: #fff; font-family: 'Century Gothic', sans-serif; text-transform: uppercase;letter-spacing: 2px; text-decoration: none; }
#dnn_ContentPane { position: relative; z-index: 2; margin-top: 240px;}
#dnn_ContentPane a:link, #dnn_ContentPane a:visited, #dnn_ContentPane a:hover, #dnn_ContentPane a:active  { color: #fff; padding: 8px 12px; text-decoration: none; border: 2px solid white; display: inline-block; width: 200px; }
.Normal { color: #fff;}
h5 { text-align: center; font-weight: bold; color: #fff; font-size: 20px;font-family: 'Century Gothic', sans-serif; text-transform: uppercase;letter-spacing: 2px;}
.container { max-width: 1400px; margin: 0 auto; padding: 20px; background-color: rgba(0,0,0,0.4); color: #fff; text-align: center;}
.container img { max-width: 100%;}
@media only screen and (min-width: 768px) {
	BODY { background-image: url('/portals/LongleafSoul/images/hero/hero-interior.jpg');}
}
@media only screen and (max-width: 767px) {
	BODY { background-image: url('/portals/LongleafSoul/images/hero/hero-interior.jpg');}
	#videocontainer img { width: 85%; max-width: 500px; }
	#dnn_ContentPane { position: relative; z-index: 2; margin-top: 100px;}
	#videocontainer a { color: #fff; font-family: 'Century Gothic', sans-serif; text-transform: uppercase;letter-spacing: 2px; text-decoration: none; font-size: 18px;}
}