#indexContainerFluid{
								padding: 0 !important;
							}

							#mainImageDiv{
								position: relative;
							}

							#mainImage{
								width: 100%;
							}

							.mainImageCaption{
								text-shadow: 1px 1px 0px #fff;
							}

							@media (min-width: 992px) { 
								.mainImageCaption{
									position: absolute;
									top: 40%;
									left: 50%;
									margin-right: -50%;
									transform: translate(-50%, -50%);
									opacity: 0.7;
									text-shadow: 2px 2px 0px #fff;
								}
							}

							h1#main-title.title{
								color: red;
								font-size: 4.0vw !important;
							}

							p#sub-title.title{
								color: #28619d;
								font-size: 2.5vw !important;
							}

							body {
								background: #dfdfdf !important;
							}

							.testimonial {
								padding: 1em 1em 1em 25px; 
							}

							blockquote {
								border: none;
								margin: 0 15px;
								font-family: Georgia, Times, serif;
								font-style: italic;
								font-size: 1.2em;
								color: #28619d;
							}

							blockquote cite {
								display: block;
								text-align: right;
								text-transform: uppercase;
								font-style: normal;
								font-size: 1em;
								font-weight: bold;
								color: #888;
								margin-top: 10px;
							}

							.indexHeader h2{
								text-align: center;
							}

							.indexH2{
								color: red;
							}

							section {
								padding: 5px 10px 2px 30px;
							}

							/* Small devices (tablets, 768px and lower) */
							@media (max-width: 768px) { 
								/*
								**  remove the text when the screen size reduces 
								**  as it is set to absolute and will not move 
								**  down when the menu pushes down when collapsed
								**
								*/
/*								section.mainImageCaption{
									display: none;
								}*/

							}