/*	style.css
		
		Color Scheme:

		Blue: #1093a7
		Greyish Blue: #24454c
		Blue Tone: #def1f5
		Blue Shade: #589ba4
		Blue Tint: #1bd2f1
		Blue Off-white #d8e3e5 */

body {
	border: 0;
	margin: 0;
	padding: 0;
	background: -webkit-linear-gradient(#24454c, #589ba4); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#24454c, #589ba4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#24454c, #589ba4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#24454c, #589ba4); /* Standard syntax */
	color: #24454c;
}

.jumbotron {
	background-color: #d8e3e5;
	padding: 50px 0 20px 0;
}


.name { padding: 0 5px 20px 5px; }
.php-inclusion { max-width: 220px; }

.container {
	max-width: 900px;
	margin: auto;
	background-color: #f9f9f9;
	border-right: solid 1px #def1f5;
	border-left: solid 1px #def1f5;
	box-shadow: 0px 0px 13px 5px #000000;
}

.row { padding: 0 15px 0 15px; }

.logo {
	padding: 0;
	margin: 0;
}

.carousel {
	width: auto;
  height: auto;
  overflow: hidden;
}

.item img {
    width: 100%;
    height: auto;
}

.row>div { 
	border-top: solid 1px #def1f5;
	border-left: solid 1px #def1f5;
	border-right: solid 1px #def1f5;
	padding: 10px;
	min-height: 200px;
}

.col-md-8, .col-md-4 { padding: 0; }

.blue {
	background-color: #a7caca;
	padding: 10px;
	background: -webkit-linear-gradient(#589ba4, #1093a7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#589ba4, #1093a7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#589ba4, #1093a7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#589ba4, #1093a7); /* Standard syntax */
	color: #ffffff;
	min-height: 155px;
}

footer {
	background: #24454c;
	padding: 10px;
	margin: 0;
	text-align: center;
	color: #ffffff; 
	
}

footer>ul { width: 100%; padding: 0;}

footer>ul>li {
	display: inline;
}

.feature {
	padding: 50px 400px 0 0;
	min-height: 300px;
	background: url('./images/waterbg3.jpg') no-repeat center top;
	bacgkround-size: contain;
}

/* Edits for mobile viewports */

@media (max-width: 992px){

	.feature {
		padding-top: 0;
	}

}

@media (max-width: 768px){


	/* Center nav links */

	.nav {
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
  }
	.nav>li {
    display: table-cell;
    float: left;
    text-align: center;
		width: 100%;
  }

	.row>.swift { background: none; }

	/* Resizing content rows */

	.row, .feature {
		min-height: 100%;
	}

	.row>div { 
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: solid 1px #dddddd;
		min-height: 100%;
	}

	.nav { border-bottom: solid 1px #dddddd; }

	.blue { min-height: 100%; }

	/* footer fix for line breaks */

	.footer p {
		display: block;
	}

	.feature {
		height: auto;
		width: auto;
		padding: 0;
		background: none;
	}
}

@media (max-width: 500px){

	.carousel {
		display: none;
	}

	.jumbotron {
		padding-top: 30px;
	}

}