@media (max-width: 767px) {
	.slider {
		height: 100% !important;
	}

	div.head {
		background-color: #b5902a !important;
		height: 130px;
	}

	.carousel-inner {
		height: 100% !important;
	}
	
}


@media (min-width: 767px) {

	.carousel-inner {
		height: 550px !important;
	}

}



/*======== HOME PAGE ========*/

nav.back {
	background-color:#0a34a1;
	color: white;
	
}


/*.carousel-inner {
	height: 550px !important;
}
*/

.menu {
	padding-right: 30px !important;
	color: white !important;
	font-weight: 600;
}

.carousel-caption {
	position: absolute !important;
	top: 300px !important
}

.card {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 0;
	font-weight: 400; 
}


/*======== STAFF PAGE ========*/

.itu-title {
	background-color: rgb(29, 37, 48) !important;
	min-height: 100px;
}


/*======== SUB-UNIT PAGE ========*/
.nav-link:focus {
	color: #0a34a1 !important;
}


/*======== RESOURCES PAGE ========*/
.content {
	max-width: 800px;
	margin: auto;
}


/*======== FOOTER ========*/

footer {
	background-color: #171717;
	color: white;
	padding-top: 50px;
}

/* Facebook */
.fa-facebook-f {
	background: #3B5998;
	color: white;
	padding: 12px;
	width: 40px;
	text-align: center;
	text-decoration: none;
}

/* Instagram */
.fa-instagram {
	background: #125688;
	color: white;
	padding: 12px;
	width: 40px;
	text-align: center;
	text-decoration: none;
} 

/* Youtube */
.fa-youtube {
	background: #bb0000;
	color: white;
	padding: 12px;
	width: 40px;
	text-align: center;
	text-decoration: none;
} 
.fa-question-circle{
	background: black;
	color: black !important;
} 

#map {
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
    background-color: grey;
}