article, footer, header, nav, section, video {
display:block;
	}

header {
		background-image:url(
		'../images/HatsHeader.jpg');
		background-position:bottom;
		height: 300px;
		background-color: #423186;
		background-repeat:no-repeat;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		border-radius: 20px 20px 20px 20px;
		}

figure {
	float:right;
		}
		
		
body {
	margin:0;
	padding:0;
	font-family: 'Kanit', sans-serif;
	font-size:15px;
	}
	
#container {
	width: 90%;
	padding:10px;
	margin: 0 auto;
	text-align:middle;
	margin-top: 0px;
	border:5px solid #192236;
	background-color: #746cc0;
			}
			
nav {
	overflow: hidden;
	background-color: #4427bf;
	width: 100%;
	margin: 0 0 10px 0
	
	}

nav a {
	float: left;
/* 	display: block; */
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	}

nav a:hover {
	background: #ddd;
	color: black;
	}

	
section {
	display:table-cell;
	width:40%;
	background-color: #FFF;
	padding:10px;
}

article {
	display :table-cell;
	background-color:#423186;
	color:#9FA7DF;
	font-size:14px;
	margin:0px;
	padding:10px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}