@charset "utf-8";
/* CSS Document */

/* Section - Secondary */
section.secondary {width:100%; background-color:#bfdff1; padding:4% 0;}

.copyright {background-color:#54534a; padding: 0.35% 0; text-align:center;}
.copyright p {color:#FFFFFF; font-size:12px;}
.mobile-copyright {background-color:#54534a; padding: 0.35% 0; text-align:center; display:none;}
.mobile-copyright p {color:#FFFFFF; font-size:10px; }

section.footer-links {}

#bottom-nav {
	margin:0;
	padding-bottom:30px;
}

#bottom-nav ol 
{ 
	margin: 0; 
}

#bottom-nav li { 
	float: left; 
	display: inline; 
	list-style: none; 
	margin: 0px; 
	width: auto; 
	font: 12px Arial, Helvetica, sans-serif; 
	white-space: nowrap; 
}

#bottom-nav li:first-child { 
	border: none;
}

#bottom-nav li a { 
	display: inherit; 
	text-decoration: underline; 
	color: #333; 
	font-family: Arial, Helvetica, sans-serif; 
	white-space: nowrap;  
	padding: 0 10px; 
	text-transform: none; 
	font-size: 12px;
}

#bottom-nav li a:hover { 
	text-decoration: none;
}

	/*media queries start */

/* iPhone 5 Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}

/* iPhone 5 Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	.mobile-copyright {display: block;}
	.copyright {display:none;}
	section.secondary {display:none;}
	#bottom-nav {text-align:center;}
	#bottom-nav li {float:none;}
	#bottom-nav li a {font-size:10px;}
	#bottom-nav ul {padding:0;}
}


/* iPhone 6 Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait)  {
	
	/* Styles */
	.mobile-copyright {display: block;}
	.copyright {display:none;}
	section.secondary {display:none;}
	#bottom-nav {text-align:center;}
	#bottom-nav li {float:none;}
	#bottom-nav li a {font-size:10px;}
	#bottom-nav ul {padding:0;}
}
/* iPhone 5 Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape)  {

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait)  {
	
/* Styles */

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
	
/* Styles */


}