
@media screen and (max-width:959px){
	      #container {
	         Width: 100%;
		  }
		  
		#left-column{
   	Width: 70%;	 
			 
		} 
			 
		
         #right-column{
   	      Width: 30%;		
			 
		             }
					 
		img{
			
			width:100%
		}
			
}




body{
	background: green;
	
}

header{
	height: 80px;
	width: 100%;
	background: blue;
	color: white;
}

header h1 {
	margin: 0px;
	padding-left: 20px;
	padding-top: 20px;
}

nav{
	height: 40px;
	width: 100%;
	background: blue;
	text-align: center;
	border-top: 2px dotted white;
	border-bottom: 2px dotted white;
}

nav a {
	display: inline-block;
	text-decoration: none;
	width: 100px;
	background: blue;
	color: white;
	margin: 05px 02px;
	padding: 05px 10px;
}

.contents{
    padding-top: 10px;
	background: blue;
	width: 100%;
    min-height: 500px;
	padding-left: 50px;
	
}
.contents table{
	margin: auto;
}
