@charset "UTF-8";

/* Layout Small Screens */

h1 { font-size: 1.5em; font-weight: bold; color: #a6430a; margin: 0 0 .5em 0; }
h2 { font-size: 1.2em; margin: 0 0 1em 0; }
h3 { font-size: 1em; margin: 0 0 1em 0; }

header { height: 60px; }

header h1 { 
	font-size: 1.5em; 
	font-weight: bold; 
	padding-left: 10px; 
	padding-top: 10px; 
	color: #EEE; 
}

article { padding: 20px 20px 10px 20px; }
article h1 { 
	font-size: 1.2em; 
}

nav {  
	position: static;
	padding: 10px 0px 10px 0px;
	background-color: #515673;
}

nav a {
	color: #a6abc5;
	display: block;
	margin: 15px;
	padding: 9px;
	border: 1px solid #a6abc5;
	background: url(images/mobile_link_arrow.png) no-repeat right center;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

nav a:hover { color: #fff; background-color: rgba(255,255,255,.15); }

.col_container { padding: 0px; }
.col_container .col { 
 	width: auto;
 	float: none;
	padding: 10px 0px 0px 0px;
	background-position: 20px 13px;
	border-top: 1px solid #ccc; 
}
.col_container .col .content { padding: 0px 20px 5px 40px; }

footer { border-top: 1px solid #a6abc5; }

body { background-image: none; }