html, body {
  height: 100%;
  margin: 0;
}

body {
	display: flex;
}

#homeContent {
	padding: 50px;
	width: 65vw;
	max-width: 1000px;
	min-width: 700px;
	text-align: left;
	margin: auto;
}

#homeContent h1 {
	padding-bottom: 1.1rem;
	border-bottom: 7px solid black;
	font-size: 3.2vmax;
	line-height: 130%;
	font-weight:normal;
	margin:0;
}

#homeContent h2 {
	padding: 1.3rem 0;
	margin:0;
	border-bottom: 1px solid black;
	font-size: 1.25vmax;
	line-height: 160%;
	font-weight: normal;
}

news {
	border-bottom: 1px solid rgba(204,204,204,1.00);
	padding-bottom: 2rem;
	color: rgba(153,153,153,1.00);
	display: flex;
	font-size: 0.8em;
}

article {
	width: 33%;
	padding-right: 30px;
	line-height: 135%;
}

article A,
footer A {
	color: rgba(153,153,153,1.00);
}

article date {
	display: block;
	font-size: 0.79em;
}
NewsTitle {
	display: block;
	margin: 1.3rem 0 7px 0;
	font-variant: small-caps;
	font-size: 1.1em;
	color: rgba(153,153,153,1.00);
}

footer {
	color: rgba(153,153,153,1.00);
	font-size: 0.67em;
	margin-top: 10px;
	line-height: 135%;
}

/*maximum font size*/

@media only screen and (min-width: 1400px) {
   #homeContent h1 {	
	font-size: 45px;
	}
	#homeContent h2 {
	font-size: 18px;
}
}


/* Landscape phone to portrait tablet */
@media only screen and (max-width : 667px) {
#homeContent {
	width: 100%;
	padding: 30px;
	min-width: 200px;
}
	NewsTitle,
	news{
		display: none;
	}
	#homeContent h2 {
	font-size: 2.1vmax;
}
	#homeContent h1 {
	font-size: 4vmax;
}
}