@media (max-width: 720px) {

	#home{
		padding: 5px 0px;
		}
	.home_title{
		font-size:1.4em; 
		padding-left:20px;
		}
	#top-bg{ 
	    height:200px;
		}
	#main{
		margin-top:10px;
		}
	.station-selector{
		width:125px;
	}
	nav{
		background:rgb(30,30,30);
		z-index:999;
		width:80%;
		min-height:100%;
		position:absolute;
		top:0px;
		margin-top:0px;
		overflow-y:scroll;
		display:none;
		color:white;
		
		}
	nav ul li{
		float:none;
		text-align:left;
		}
	.sub_menu{
		width:95%;
		font-size:0.9em;
		margin-left:5%;
		}	
	nav li ul {
		display:block;
		background:rgba(45,45,45,0.6);
		}
	nav ul li a{
		padding: 10px 10px;
		padding-right:0px;
		font-size:1.2em;
		color:white;
		}
	nav ul li a img{
		
		}
	nav li:hover ul {
	    position: static;
		background:rgba(45,45,45,0.6);
		color:white;	
		}
	nav li:hover a { 
	    background:transparent;
		color:white;
		}
	nav ul li a:hover {
		  background:transparent;
		color:white;
		}
	.footer_div{
		display:none;
		}
	.small_footer{
		display:block;
		}
	#station_selector{
		position:static;
		margin-top:0px;
		display:block;
		padding-left:0px;
		box-shadow:2 3 3 white;
		margin-left:0px;	
		z-index:100;
		font-size:large;
		}
	#stations_dd{
		font-size:large;
		}
	#regions_dd{
		font-size:large;
		}
	#login_state{
		/*display:none;*/
		z-index:99;
		}
	#hamburger {
	    cursor: pointer;
	    height: 27px;
		width: 31px;
		display:block;
		margin-top:2px;
		margin-left:10px;
	    position: relative; 
	}
	
	#hamburger div {
	    background-color: #fff;
	    border: 1px solid #fff;
	    border-radius: 3px;
	    height: 2px;
	    margin-top:5px;
	    width: 90%;
	}
	.no_small{
		display:none;
		}
	.just_small{
		display:block;
		}
		
		
	.ref_img{
		max-width:90%;
		}
	.row {
	  display: block;
	}
	.top_logo{
	  	max-height:80%;
	 	height:auto;
	 	max-width:40%;
	 }
	.main_logo{
		max-width:40%;
	}	
}