.footer {
    		font-size: 20px;

	}

	input[type=text] ,[type=button]{
    		padding: 10px 50px;
    		margin: 8px 8px;
    		display: inline-block;
    		border: 1px solid #660033;
    		border-radius: 4px;
    		box-sizing: border-box;
	}

	.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%;
    	}
    
	#one { 
		float: none;
		margin-right: 0px;
		padding-left:10px;
		width: auto;
	}
	
	#two{
		float: none;
		width: auto;
		padding-left:10px;
	}
		
	.wrapper1 { 
	  	text-align: center;
	}
}