#header{
	height:100px;
	
	
}
#logo{
	width:100px;

}
#txt{
	
	position:relative;
	
	width:800px;
	height:80px;
	left:150px;
	top:-80px;
}
a{
	color:black;
	font-size:18px;
text-decoration:none;

}
ul li:hover a{
	text-decoration:underline;
}
ul li{
	display:block;
	margin-left:20px;
	float:left;
	
	height:100px;
	width:100px;
	margin-top:12px;
	list-style:none;
}
#big{
	position:relative;
	height:400px;
	top:15px;
}
#big1{
	left:0px;
	position:relative;
	height:auto;
    width:800px;
	border:solid #d5ddea 2px;	
    border-radius:12px;
}
#ads{
	display:none;
	position:relative;
	top:-402px;
	border:solid black 2px;
	left:1000px;
	height:200px;
	width:300px;	
}
#content{
	position:relative;
	top:30px;
	height:520px;
}
#first{
position:relative;
top:0px;
height:250px;
width:350px;
border:solid #d5ddea 2px;	
border-radius:12px;
}
#second{
position:relative;
left:400px;
top:-252px;
height:250px;
width:350px;
border:solid black 2px;		
}
#third{
position:relative;
top:-507px;
left:800px;
height:250px;
width:350px;
border:solid black 2px;		
}
#fourth{
	position:relative;
top:-500px;
height:250px;
width:350px;
border:solid black 2px;	
}
#fifth{
	position:relative;
top:-753px;
left:400px;
height:250px;
width:350px;
border:solid black 2px;	
}#sixth{
	position:relative;
top:-1008px;
left:800px;
height:250px;
width:350px;
border:solid black 2px;	
}
#foooter{
	position:relative;
	top:0px;
	
}
#udisp{
	height:300px;
	width:800px;
}
#ucontent{
	height:700px;
	width:800px;
}
#date{
	position:relative;
	border-radius:12px;
border:solid white 2px;
left:5px;
height:auto;
width:300px;
}
#txt1{
	
	position:relative;
	
	background-color:gray;
}
#select1{
	
	position:relative;
	
	background-color:black;
}
#result1{
	
position:relative;

background-color:gray;
}	

#txt2{
	position:relative;
	background-color:gray;
}
#select2{
	position:relative;
	background-color:black;
}
#result2{
position:relative;
background-color:gray;
}	
@media screen and (max-width: 700px)
{
	#header{
		height:160px;
	}
	#logo{
		margin-left:42%;
		height:80px;
		width:100%;
	}
	#txt{
		top:0px;
		left:0px;
		height:80px;
		width:100%;
	}
	#big{
		top:0px;
			border:solid red 2px;
			height:auto;
	}
	#big1{
		width:100%;
			border:solid red 2px;
			height:250px;
	}
	#ads{
		display:none;
		left:0px;
	width:100%; 
	height:50px;
	border:solid red 2px;
	top:0px;
	}
	
	#content{
		border:solid red 2px;
		top:10px;
		height:auto;
	}
	#first{
		height:250px;
		width:100%;
	}
	ul li{
	display:block;
	margin-left:0px;
	float:left;
	
	height:80px;
	width:30%;
	margin-top:12px;
	list-style:none;
}
#txt1{
	position:relative;
	background-color:gray;
}
#select1{
	position:relative;
	background-color:black;
}
#result1{
position:relative;
background-color:gray;
}	

#txt2{
	position:relative;
	background-color:gray;
}
#select2{
	position:relative;
	background-color:black;
}
#result2{
position:relative;
background-color:gray;
}	
		#date{
border:solid white 2px;
border-radius:12px;
left:5px;
width:100%;
}
}