.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;
	}
	
	input[type=text],input[type=button], input[type=submit], input[type=reset], select{
		width: auto;
	}
	
	.menu{
		width: auto;
	}
		 
	.right{
		display: none;
	}
		 
	#one { 
		float: none;
		margin-right: 0px;
		padding-left:10px;
		width: auto;
	}
	
	#two{
		float: none;
		width: auto;
		padding-left:10px;
	}
		
	.wrapper1 { 
	  	text-align: center;
	}
}