/* UW Look Style Sheet for Full Width*/ 

h1, h2, h3, h4 { 
	font-family: "Raleway",sans-serif;
    font-weight: 400; 
	}
	
h2 { 
	font-size: 200%; 
	padding-top: 25px; 
	}
	
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}	
	
@media screen and (max-width: 636px) {
	.large {
		font-size: 245%;
	}
}

.navUL li a:link {
	font-size: 88%;
}

@media screen and (max-width: 489px) {
	h1.large {
		text-align: center;
	}
}

.msthd img {
	width: 100%;
} 
/*--------------------------------------------------------------
Cards styled for About IT homepage 
--------------------------------------------------------------*/
.card { 
	background-color: #ffc425; 
	box-shadow: 2px 4px 4px #888888;
	}
	
.card-header { 
	background-color: #fee4ab; 
	border-bottom: solid 2px #492824;
	}

.card-icon { 
	font-size: 2.5em; 
	color: #492824; 
	background-color: #ffffff; 
	padding: 16px; 
	border-radius: 50%; 
	border: solid 2px #492824;
	}
	

.card-body { 
	padding-top: 5px; 
	color: #492824; 
	font-weight: 400;
	}
	
.card a:hover { 
	text-decoration: none;
	}
	
.card-header:hover { 
	background-color: #492824; 
	border-bottom: solid 2px #ffffff;
	}
	
.card-header:hover .card-icon {
	background-color: #492824; 
	color: #ffffff; 
	border: solid 2px #ffffff;
	}
	
.fullGold {
	padding-top: 0; 
	padding-bottom: 0; 
	}

.btn-ithz {
	/* font-size: 2em; */
	background-color: #ffc425;
	border: solid 1px #ffffff;
	color: #663300;
	}
	
.itnavBrown {
	background-color: #663300;
	color: #ffffff;
	padding: 5px 0;"
	}
	
.itnavBrown a, itnavBrown a:hover {
	color: #ffffff;
	}
	
hr {
	border-top: solid 6px #ffc425; 
	margin-top: 30px;
	}
	

/*--------------------------------------------------------------
Cards styled for services on the About IT homepage - 
cards removed and one service card added with About IT cards
--------------------------------------------------------------*/

.services .card { 
	background-color: #2a3e60;
	}
	
.services .card-header { 
	background-color: #a54b00; 
	background-color: #859ec9; border-bottom: solid 2px #ffc425;
	}
	
.services .card-icon { 
	font-size: 2.5em; 
	color: #2a3e60; 
	background-color: #ffffff; 
	padding: 16px; 
	border: solid 3px #e5b021; 
	border-radius: 50%;
	}	

.services .card-body { 
	padding-top: 5px; 
	color: #FFFFFF;
	}

.services .card-header:hover { 
	background-color: #ffc425; 
	border-bottom: solid 2px #ffffff;
	}
	
.services .card-header:hover .card-icon {
	background-color: #ffc425; 
	color: #2a3e60;
	border: solid 2px #2a3e60;
	}