/*
 * 	Media Queries & Responsive Grid
 *		David Cochran 2011 
*/

/* Experimental Basic Grid */

	.container { padding:0px;
	 background: #cccccc;text-align:center;
	margin:20px auto 0px auto; padding:0px
	}	
	
	#footer {
		 background: #cccccc; max-width:100%;width:100%; 
	}
	.row { text-align:center;
	margin:20px auto; padding:0px; 
		 max-width:1100px;
		  width:100%  
		 background: #cccccc;  
	}
	
	
		[class*="span"] {
		display: inline;
		float: left;
		margin-left: 3%;
	}
	
	
	
	
		/* Clearfix -- h5bp.com/q 
	-------------------------------- */
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }

	* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column { float: left;
  text-align: left;
  width: 33.33%;
  padding: 0 14px;
  height: auto;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.2nd-list .footer-list ul li{
	font-size: 14px; color: #000 !important;
}
.column h2{
	font-weight: 600 !important;
	font-size: 22px !important;
	color: #032656 !important;
	border-bottom: 1px solid #032656;
}

ul.footer-list{
	padding: 0;
}
ul.footer-list li{
	list-style-type: none;
	line-height: 30px !important; font: 400 16px Open Sans, 'Raleway', arial, sans-serif; 
}
ul.footer-list li a{
	color: #072a59; 
	text-decoration: none;
}
ul.footer-list li a:hover{
	color: #6e0c0c; text-decoration: none;
}
ul.smaller-list li{
	font-size: 14px !important;
}


	
	
	
	
@media only screen and (min-width: 790px) {
	.column {
		width: 33%;
	}
}


@media only screen and (max-width: 790px) {
 
.column {
  float: left;
  width: 99%;
  padding: 0 10px;
  height: auto;
}
 
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 
.column h2{
	font-weight: 600 !important;
	font-size: 20px !important;
	color: #032656 !important;
	border-bottom: 1px solid #032656;
}
  
}





/* OTHER STYLES -- NOT TOUCHED IN THIS EXERCISE */

	html, body {
		background-color: #ffffff;
	}
	body {
		margin: 0;
		font-family:  Open Sans, 'Raleway', arial, sans-serif;   
		line-height: 1.3;
		color: #404040;
		}
	hgroup {
		margin: 60px 0 40px;	
		} 
	hgroup h1 {
		font-size: 300%;
		margin: 0;
		padding: 0;
	}
	h1, h2 {
		line-height: 1;
		}
	a {
		color: blue;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
	#siteinfo {
		padding-top: 40px;
		color: #555;
		font-weight: bold;
		opacity: 0.7;
	}
	#siteinfo:hover {
		opacity: 1;	
	}