.footer {
    	font-size: 20px;
}

.wrapper1 { 
	overflow:hidden;
}

.wrapper1 div {
	padding: 10px;
}

#one {
	float:left; 
	margin-right:20px;
	padding-left:420px;
}

#two { 
	float:left;
	overflow:hidden;
	margin:10px;
}	
/* ----------------------For desktop: -------------------------*/

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/* -----------------------------For mobile phones: ------------------------------*/

@media only screen and (max-width:780px) {
	.header{
		text-align: center;
	}
	
	.header a.a1{
		font-size: 26px;
	}
	
	.header a.a2{
		font-size: 26px;
	}
	
	.header a.a2{
		float:none ;
		width: 100% ;
	}
	
	.nav ul.topnav li{
		float:none;
		width:100%;
		border-right: none;
		border-bottom: 4px solid #ffffff;
	}
	
	.nav ul.topnav li a{
		text-align: left;
	}
	
    	[class*="col-"] {
        	width: 100%;
    	}
    
    	.image img{
    		height: auto;
    	}

	input[type=button], input[type=submit], input[type=reset]{
		width: auto;
	 	padding: 8px 12px;
	 	margin: 0 8px;
	}
	
	#one{ 
		float: none;
		margin-right: 0px;
		padding-left:10px;
		width: auto;
	}
	
	#two{
		float: none;
		width: auto;
		padding-left:10px;
	}
		
	.wrapper1{ 
	  	text-align: center;
	}
	
	.menu{
		display:none;
	}
		  
	.middle{
		display:none;
	}
		  
	#mymap{
		display:block;
	}
}