*{
	margin:0px;
	padding:0px;
}
h1{
	font: bold 40px san-serif; /*font for main header*/
	text-align:center;
}
h2{
	font: 30px san-serif;   /*Font for Phone#*/
	text-align:center;
}
header, section, footer, aside, nav, article, hgroup{
	display:block;
}
body{
	width:100%
	display:-webkit-box;
	-webkit-box-pack: center;
	background: url('../images/wallpaper10.jpg');
}
#big_wrapper{
	max-width:1000px;
	margin: 20px 0px;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-flex:1;
}
#top_header{
	border:1px solid black;
	padding:20px;
}
#top_menu{
	border:red;
	color:black;
	
}
#top_menu li{
	display:inline-block;
	list-style:none;
	padding:20px;
	font: bold 24px san-serif;
}
#new_div{
	display:-webkit-box;
	-webkit-box-orient:horizontal;
}
	
#main_section{
	border:1px solid blue;
	-webkit-box-flex: 1;
	margin: 20px;
	padding: 20px;
}

#the_footer{
	text-align:center;
	padding: 20px;
	border-top: 2px solid blue;
}

#fontsize{
	text-align: center;
	font-size: 25px;   /*This text is main font size*/
	color:black;
}
/*the following img creates corners on images*/

img{border:1px solid #;  
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.text1{
	font-size: 100%;   /*Not sure where this text is?*/
	color: white;
	text-align: center;
}

.text2{
	font-size: 150%;  /*This text is for list of braces under Orthotics tab & address on Contact page*/
	color: black;
	text-align: center;
}

.text3{
	font-size: 200%;  /*This text is for email address on contact page*/
	text-align: center;
}
nav {width: 100%; text-align:center;}
nav ul { float: none; line-height:50px;}
nav li {display: inline; list-style-type: none;}
nav a { text-decoration: none; padding: 10px; color:black; font-family: sans-serif;}
nav a:hover {color:#0000CD;}

#bottom_menu{
	border:red;
	color:black;
	
}
#bottom_menu li{
	display:inline-block;
	list-style:none;
	padding:20px;
	font: bold 24px san-serif;
}



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

	#brand { margin-top:-10px;}

	nav {}
	nav ul { float: center; margin-top:20px;}
	nav li {display: inline;}
	nav a { color: #CCC}
	nav a:hover {color:blue;}
	nav a { text-decoration: none; padding: 2px;  color:black;  font-family: sans-serif;}

.smallpic {width: 50%}
.abclogo {width: 90%}
	
#top_menu li{
	display:inline-block;
	list-style:none;
	padding:10px;
	font: bold 18px san-serif;
}

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

	#brand { width: 100%; text-align: center; font-size: 18px;}
	width=device-width, initial-scale=1
	nav {}
	nav ul { float: none; margin-top:10px; background: #0B3861;}
	nav li {}
	nav a { display:block; color: #CCC; border-bottom: 1px dotted #CCC; margin:0; padding:2px;font-size:25px;}
	nav a:hover {color:blue;}
	nav ul { float: none; line-height:22px;}
	

h1{
	font: bold 50px san-serif;  /*Font for Main Header*/
	text-align:center;
}
h2{
	font: 40px san-serif;   /*Font for Phone#*/
	text-align:center;
}
.text1{
	font-size: 200%;  
	color: white;
	text-align: center;
}
.text2{
	font-size: 100%;   /*This text is for list of braces under Orthotics tab & address on Contact page*/
	color: black;
	text-align: center;
}
.text3{
	font-size:200%   /*This text is for email address on contact page*/
}
#fontsize{
	text-align: center;
	font-size: 50px;   /*This text is main font size*/
	color:black;
}
.smallpic {width: 100%}
.abclogo {width: 100%}

}