article {
	width: 80%;
	padding: 10px;
	position: static;
	height: auto;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
}
article h1 {
	font-size: 36px;
	color: navy;
	padding-top: 1em;
	font-weight:normal;
	padding:10px;
}

table {
	border-collapse:collapse;
	width:100%;
	font-size:18px;
}
th, td {
	padding: 10px 10px 10px 10px;	
	border: 1px solid #aaa;
	vertical-align:top;
	text-align:left;
	
}
.marked {
	background-color:#eee;	
}
.plan td ul{
	padding-left: 32px;
	list-style-type: square;
}

@media print {
	body {
	font-size: 13px;	
	}
	th, td {
	border: 1px solid #aaa;
	padding: 5px 5px 5px 5px;
}

.marked {
	border: 5px solid #aaa;	
}
article {
	width: 95%;
}
}

@media screen and (max-width:640px) {
body {
	font-size: 16px;	
}
th {
	display:none;	
}


td {
	display:block;
}

td:nth-child(1) {
	display:none;	
}

td:nth-child(2) {
	background-color:#335475;	
	color:white;
}


}