/* 
	External Style Sheet for index.html Page
*/
header, footer, nav, section, article, figure, aside {
        display: block;   
}
/* -------------------------------------------------------*/
body  {
    padding: 1em .5em .5em 1em; 
	font-family: Tahoma, Geneva, sans-serif;
	/*Arial, Helvetica, sans-serif;*/
}
header {
	background-color: #d8d8d8;
	padding-top: 10px;
	border-radius: 10px;
	border: 1px solid #424043;
	margin-bottom: 1em;
	text-align: center;
}
article#logo {
	margin-left: auto;
	margin-right: auto;
	width: 45%;
	padding: 5px;
	border: 5px solid #424043;
	border-radius: 10px;
	background-color: white;
}
img#CGSLogo {
	width: 100%;
}
a {
	text-decoration: none;
}
a:link {
	color: #ED020C;
}
a:hover {
	color: blue;
	text-shadow: #424043 2px 2px 2px;
}
article#moreAboutUs {
	margin-left: auto;
	margin-right: auto;
	width: 45%;
	text-align: center;
	color: #ED020C;
	margin-top: 5px;\
	background-color: #d8d8d8;
	/*text-shadow: black 1px 5px 2px;
		border: 5px solid #424043;
	box-shadow:  #c62613 6px 6px 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	width: 50%;
	text-align: center;
	text-shadow: #c62613 2px 2px 3px;
	border-radius: 10px;
	margin-bottom: 15px;*/
}
h1{
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}
span#today {
	text-shadow:  black 1px 5px 1px;
}
article#saveMoney {
	text-align: center;
	border: 5px solid #424043;
	border-radius: 10px;
	float: right;
	padding: 5px;
	box-shadow:  #ED020C 0px 6px 1px;
	/*box-shadow:  #ED020C 6px 6px 1px;*/
	width: 50%;
	text-shadow:  white 1px 5px 1px;
	color: red;
	margin-bottom: 1em;
	background-color: #d8d8d8;
}
hr {
	font-size: 5px;
	width:98.5%;
	margin-left: auto;
	margin-right: auto;
}
span#money {
	color: green;
	text-shadow:  black 1px 5px 1px;
}
article#inspections {
	border: 5px solid #424043;
	border-radius: 10px;
	padding: 5px 8px 5px 5px;
	text-align: center;
	width: 40%;
	float: left;
	margin: 10px;
	box-shadow:  #ED020C 0px 6px 1px;
	/*box-shadow:  #ED020C 6px 6px 1px;*/
	text-shadow:  white 1px 5px 1px;
	color: red;
	background-color: #d8d8d8;
}
article#contactUs {
	border: 5px solid #424043;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	clear: both;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	box-shadow:  #ED020C 0px 6px 1px;
	background-color: #d8d8d8;
}
ul {
	text-align: left;
    list-style: square outside none;
}
h1#tag {
	color: #ED020C;
	text-shadow:
	   -1px -1px 0 #424043,  
		1px -1px 0 #424043,
		-1px 1px 0 #424043,
		 1px 1px 0 #424043;
}
@media only screen and (max-width: 320px) {
	header {
		height:auto;
		border: 1px solid #424043;
		margin-bottom: 1em;
		text-align: center;
	}
	#logo {
		width: 90%;
	}	
	h1 {
		font-size: 1em;
	}
	h2, h3 {
		font-size: .75em;
	}
	#moreAboutUs {
		text-align:center;
	}
	#inspections {
		clear: both;
		width: 90%;
	}
	#saveMoney {
		float: none;
		width: 90%;
	}
	#contactUs {
		float: none;
		width: 90%;
	}
}