@media (min-width:200px) and (max-width:299px) {
    
#demo1 {display:none;}

#mobile-menu-toggle {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;background-color:#ccc;font-family:"Raleway",sans-serif; font-size:1em; font-weight:700;text-align:right;}    

#mobile-menu {display:block; height:auto; min-height:100px; width:100%; padding:20px; background-color:#444;box-sizing:border-box;}

#mobile-menu li a {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;border:0px solid #fff;}
#mobile-menu li a {margin-bottom:5px; text-align:center; font-family:"Raleway", sans-serif; font-size:1em;color:#fff;text-decoration:none;}
#mobile-menu li a:hover {background-color:#86ACAC; color:#000;}



.header {height:360px; width:100%; padding:0px; box-sizing:border-box; margin-right:auto; margin-left:auto;  border-bottom:0px solid #ccc;}    
.header {padding:40px;}   
.header a {text-decoration: none;} 

.top-links-container {display:none;}

#top-links li {display:none;}

.logo-container {height:100px; width:140px; margin-right:auto; margin-left:auto;position:relative; top:-20px;}
.logo-container .logo {height:100%; width:100%;}

    
}

@media (min-width:300px) and (max-width:499px) {

#mobile-menu-toggle {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;background-color:#ccc;font-family:"Raleway",sans-serif; font-size:1em; font-weight:700;text-align:right;}    

#mobile-menu {display:block; height:auto; min-height:100px; width:100%; padding:20px; background-color:#444;box-sizing:border-box;}

#mobile-menu li a {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;border:0px solid #fff;}
#mobile-menu li a {margin-bottom:5px; text-align:center; font-family:"Raleway",sans-serif; font-size:1em;color:#fff;text-decoration:none;}
#mobile-menu li a:hover {background-color:#86ACAC; color:#000;}



.header {height:330px; width:100%; padding:10px; box-sizing:border-box; margin-right:auto; margin-left:auto; background-color:#fff; border-bottom:3px solid #ccc;}    
.header {padding:40px;}   
.header a {text-decoration: none;} 

.top-links-container {display:none;}

#top-links li {display:none;}

.logo-container {height:130px; width:180px; margin-right:auto; margin-left:auto;position:relative; top:-20px;}
.logo-container .logo {height:100%; width:100%;}
    
}

@media (min-width:500px) and (max-width:899px) {

#mobile-menu-toggle {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;background-color:#ccc;font-family:"Raleway", sans-serif; font-size:1em; font-weight:700;text-align:right;}    

#mobile-menu {display:block; height:auto; min-height:100px; width:100%; padding:20px; background-color:#444;box-sizing:border-box;}

#mobile-menu li a {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;border:0px solid #fff;}
#mobile-menu li a {margin-bottom:5px; text-align:center; font-family:"Raleway", sans-serif; font-size:1em;color:#fff;text-decoration:none;}
#mobile-menu li a:hover {background-color:#86ACAC; color:#000;}



.header {height:320px; width:100%; padding:10px; box-sizing:border-box; margin-right:auto; margin-left:auto;background-color:#fff; border-bottom:3px solid #ccc;}    
.header {padding:40px;}   
.header a {text-decoration: none;} 

.top-links-container {display:none;}

#top-links li {display:none;}

.logo-container {height:135px; width:180px; margin-right:auto; margin-left:auto;position:relative; top:-20px;}
.logo-container .logo {height:100%; width:100%;}
    
    
}	
@media (min-width:900px) and (max-width:1049px) {

#mobile-menu-toggle {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;background-color:#ccc;font-family:"Raleway", cursive; font-size:1em; font-weight:700;text-align:right;}    

#mobile-menu {display:block; height:auto; min-height:100px; width:100%; padding:20px; background-color:#444;box-sizing:border-box;}

#mobile-menu li a {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;border:0px solid #fff;}
#mobile-menu li a {margin-bottom:5px; text-align:center; font-family:"Raleway", sans-serif; font-size:1em;color:#fff;text-decoration:none;}
#mobile-menu li a:hover {background-color:#86ACAC; color:#000;}



.header {height:360px; width:100%; padding:10px; box-sizing:border-box; margin-right:auto; margin-left:auto; background-color:#fff; border-bottom:3px solid #ccc;}    
.header {padding:40px;}   
.header a {text-decoration: none;}    
.top-links-container {display:none;}

#top-links li {display:none;}

.logo-container {height:140px; width:180px; margin-right:auto; margin-left:auto;position:relative; top:-20px;}
.logo-container .logo {height:100%; width:100%;}


}		
@media (min-width:1050px) and (max-width:1506px) {
	
#mobile-menu-toggle {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;background-color:#ccc;font-family:"Raleway",sans-serif; font-size:1em; font-weight:700;text-align:right;}    

#mobile-menu {display:block; height:auto; min-height:100px; width:100%; padding:20px; background-color:#444;box-sizing:border-box;}

#mobile-menu li a {display:block; height:40px; width:100%; box-sizing:border-box; padding:10px;border:0px solid #fff;}
#mobile-menu li a {margin-bottom:5px; text-align:center; font-family:"Raleway", sans-serif; font-size:1em;color:#fff;text-decoration:none;}
#mobile-menu li a:hover {background-color:#86ACAC; color:#000;}
   
    
.header {height:360px; width:100%; padding:10px; box-sizing:border-box; margin-right:auto; margin-left:auto; background-color:#fff; border-bottom:3px solid #ccc;}    
.header {padding:40px;}   
.header a {text-decoration: none;}   

.top-links-container {display:none;}

.logo-container {height:140px; width:180px; margin-right:auto; margin-left:auto;position:relative; top:-20px;}
.logo-container .logo {height:100%; width:100%;}


}
@media (min-width:1507px) {

#mobile-menu-toggle {display:none;}    
    
.header {height:290px; width:100%; padding:10px; box-sizing:border-box; margin-right:auto; margin-left:auto; background-color:#fff;}    
.header {padding:40px;}   
.header a {text-decoration: none;}   
.top-links-container {height:55px; width:100%; padding:10px; box-sizing:border-box; background-color:#fff;}

#top-links li {display:inline-block;}
#top-links li a {display:inline-block; height:18px; width:165px; padding:5px; margin:2px; text-align:center; font-family:"Raleway", sans-serif; font-size:1em;}
#top-links li a {text-decoration: none; background-color:#ccc; color:#000;}
#top-links li a:hover {background-color:#86ACAC; color:#fff;}
#top-links li a.selected {background-color:#86ACAC; color:#fff;}

.text-container {height:190px; width:900px; float:left; margin-left:5px;top:10px;position:relative;}

.logo-container {height:190px; width:290px; float:left; margin-left:190px; position:relative;}
.logo-container .logo {height:100%; width:100%;}

.table {display:table; margin:0 auto;}


}


.clearfix {clear:both;}