body {
	margin: 10px 0px 0px 0px;
	font-family: Roboto,sans-serif;
	
}
.content{
	background-color:#eee; text-align:left; font-size:16px;padding:20px;margin-bottom:150px;
}
ul {
	list-style: none;
	padding-left: 4px;    
	color:#000;
	display:inline;
}
.copyrights{
	font-size:11px;
	color:#fff;
	position:relative;
	bottom:-10px;
	
}
li{
	display: inline;	
}
li a{
	color:#fff;
	padding:30px;
	
}
li a:hover{
	color: #eb6423;
	padding:30px;
	
}

.wb3DA{
	width:240px;
}

._1Klro{
	text-align:left;
	
}

h1{
	font-size:48px;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.1;
	color:#3e3313;
	text-align:center;
	margin: 50px 0px 29px 0px;
}
.h1msgdiv{
	margin-top:50px;
}

h3{
	
	font-size: 24px;
	text-align: center;
	color: #40361a;
	text-align:left;
	margin: 0px 0px 150px 0px;
}

footer {
	background-color:rgb(0,204,255);
	
	color: white;
	padding: 10px;
	position:fixed;
	bottom:0px;
	width:100%;
	margin-top:20px;
}
.container{
	width:75%;
}	
@media (max-width: 768px){
	.content{
		background-color:#eee; text-align:left; font-size:16px;padding:20px;margin-bottom:50px;
	}
	.copyrights{
		color:#fff;			
		float:none ;
		margin-top:10px;
		font-size:10px;
		bottom:4px;
	}
	.container{
		width:100%;
	}

	body {
		margin: 10px 0px 0px 0px;
		font-family: Roboto,sans-serif;
		overflow:initial;
	}
	
	h1{
		font-size:26px;
		font-family: inherit;
		font-weight: 700;
		line-height: 1.1;
		color:#3e3313;
		margin: 25px 0px 25px 0px;
	}
	
	h3{
		margin: 10px 0px 10px 0px;
		font-size: 14px;
		text-align: center;
		color: #40361a;
	}
	.wb3DA{width:200px}
	._1Klro{width:100px}
	.h1msgdiv{
		margin-top:10px;
	}
	footer {
		background-color:rgb(0,204,255);
		color: white;
		padding: 5px;
		position:relative;	  
		width:100%;
	}
	ul {
		list-style: none;
		color:#fff;
		display:block;
	}
	li{
		display: block;
		
	}	
	li a{
		color:#fff;
		padding:20px;

	}
	li a:hover{
		color: #eb6423;
		padding:20px;
		
	}



}