/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
	}
}
	
#logo{
	height: 10em;
	width: 10em;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align:central;
}

#sub-banner{
	padding-left: 2.5em;
	padding-right: 2em;
}

#con{
	margin-top:16em;
	margin-left: 6em;
	margin-right: 6em;
	box-shadow:1px 1px 5px #333333;
	padding: 2em;
}

@media(max-width:1000px) {
	.carousel-inner .item {
		height: 20em;
		width: inherit;
	}

	#con{
		margin-top:16em;
		margin-left: 0em;
		margin-right: 0em;
		box-shadow:1px 1px 5px #333333;
		padding: 2em;
	}
	
	#carousel-example-generic{
		height:20.5em;
	}
}

.navbar .nav > li > a {
	color: #FFF !important;
	font-weight:700;
}
.dropdown-menu {
	background-color: #009688 !important;
	font-family:Verdana, Geneva, sans-serif;
	
}
.dropdown-menu > li > a { 
  color:#FFF !important;
}
.navbar .nav > li > a:hover {
	background-color:#FFF !important;
	color: #00796B !important;
	font-weight:700;
	
}


h3, h5 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF !important;
	letter-spacing: 2px;
	font-weight: 700 !important;
}

.dropdown-menu > li> a:hover{
	background-color:#FFF !important;
	color: #00796B !important;
}