/* If "RAFT Phone 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). */

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

/* Code unique to the 481.css file */


row > [class*="span"],
.row-fluid > [class*="span"] {
	float: none;
	display: block;
	width: auto;
	margin: 0;
}


.stacks_div, 
.stacks_left,
.stacks_right,
.stacks_middle,
.stacks_float_left,
.stacks_float_right { 
	float: none !important;
	width: auto !important;
	position: relative !important;
}

/* Code copied over from the 769.css file follows */

.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 */