/* If "RAFT Tablet Adaptations" is turned on in the theme style settings, this file will be called by RapidWeaver. Feel free to modify any of the rules here and adjust colour settings etc. Some style sets like RAFT navigation are stored in the main style.css file (so these can also be used by non-tablet / mobile devices). If updating this file, don't forget to copy the same CSS code over into the 481.css file. */

@media screen and (max-width: 769px) {

.floodSpacer, #headerMargin {
	height: 10px;
}

#headerContent {
	width: auto;
	float: none;
	text-align: left;
}

#navContent {
	position: relative;
}

#nav {
	margin-left: -15px;
}

#aside {
	float: none;
	display: block;
	width: auto;
	clear: both;
	margin: 0 0 10px;
	padding: 0;
}

#upperHorizontalBar, 
#middleHorizontalBar,
#lowerHorizontalBar {
	margin-top: 10px;
}

#contentContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentContainer #content {
	margin-left: 0px;
	margin-right: 0px;
}

#contentContainer #contentWrapper {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;   
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#footerNav {
	display: none !important;
}

#leftFooter,
#footerContent {
	text-align: center;
	float: none;
	display: block;
}

} /* End @media block */