.container-fluid {
		max-width: 720px;
		margin: 0 auto;
	}
	
	a, a:visited, a:active {
		color: #91392D;
	}
	
	a:hover {
		color: #421E1A;
	}
	
	body {
		background: url('../images/light_background.jpg') top left repeat;
		margin: 0px;
		padding: 0px;
		font-family: "Georgia", serif;
		font-size: 15px;
	}
	
	h1.logo {
		height: 93px;
		width: 337px;
		display: block;
		text-indent: -10000px;
		background: url('../images/red_logo.png') top left no-repeat;
		margin: 20px auto;
	}
	
	h2.top-ribbon {
		height: 78px;
		width: 478px;
		display: block;
		text-indent: -10000px;
		background: url('../images/red_ribbon.png') top left no-repeat;
		margin: 30px auto 0px auto;
	}
	
	div.secBg {
		background: url('../images/red_background.jpg') top left repeat;
		width: 100%;
		height: 250px;
		position: absolute;
		top: 190px;
		z-index: -99;		
	}	
		
	
	div.navigation {
		float: left;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	ul.links {
		list-style: none;
		display: block;
		float: left;
		text-align: center;
		position: relative;
		padding: 0px;
		margin: 10px 0px 20px 0px;
		left: 50%;
		clear: left;
	}
	
	ul.links li {
		float: left;
		display: block;
		list-style: none;
		color: #FEFEFE;
		text-transform: uppercase;
		font-size: 13px;
		margin-right: 20px;
		text-align: center;
		position: relative; 
		right: 50%;
	}
	
	ul.links li a, ul.links li a:active, ul.links li a:visited {
		color: #FEFEFE;
		text-decoration: none;
		text-shadow: 1px 1px 0px #202020;
		filter: dropshadow(color=#202020, offx=1, offy=1);
		display: block;
	}
	
	ul.links li a:hover {
		color: #FFFFFF;
	}
	
	
	div.videoPlayer {
		max-width: 720px;
		height: auto;
		border: 5px solid white;
		margin: 0px auto;
		padding: 0px;
		background: url('../images/light_background.jpg') top left repeat;
	}
	.clear {
		clear: both;
	}
	
	.section {
		padding: 1em;
		margin: 0px auto;
		max-width: 640px;
	}
	
	.section a {
		font-weight: bold;
	}
	
.ribbon {
 font-size: 16px !important;
 text-shadow: 1px 1px 0px #202020;
 filter: dropshadow(color=#202020, offx=1, offy=1);
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 50%;
    
 position: relative;
 background: url('../images/red_background.jpg') #91392D;
 color: #fff;
 text-align: center;
 padding: 0.1em 2em; /* Adjust to suit */
 margin: 1em auto 1em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -0.75em;
 border: 1em solid #91392D;
 z-index: -1;
}
.ribbon:before {
	left: -3.5em;
	border-right-width: 4em;
	border-left-color: transparent;
}
.ribbon:after {
 right: -3.5em;
 border-left-width: 4em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #421E1A transparent transparent transparent;
	bottom: -0.75em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 0.75em 0 0 1.5em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 0.75em 1.5em 0 0;
}

	@media (max-width: 480px) { 
		h1.logo {
			height: 66px;
			width: 240px;
			background: url('../images/red_logo-phone.png') top left no-repeat;
			margin: 10px auto;
		}
		
		h2.top-ribbon {
			height: 52px;
			width: 320px;
			background: url('../images/red_ribbon-phone.png') top left no-repeat;
			margin: 20px auto 0px auto;
		}	
		
		div.secBg {
			background: url('../images/red_background.jpg') top left repeat;
			width: 100%;
			height: 250px;
			position: absolute;
			top: 120px;
			z-index: -99;		
		}
		
		.ribbon {
			 font-size: 14px !important;			
		}
	}
	
	.modal-body {
		max-height: 350px; 
		padding: 15px; 
		overflow-y: auto; 
		-webkit-overflow-scrolling: touch; 
	}
	.modal-body h4 {
		padding-bottom: 10px;
	}
@media (max-width: 480px) {
	.modal { 
		position: fixed; 
		top: 3%; 
		right: 3%; 
		left: 3%; 
		bottom: 3%; 
		width: auto; 
		margin: 0; 
	}
	.modal-body { 
		height: 60%; 
	}
}