header h1 {
	text-transform:uppercase;
	letter-spacing:2px;
}

#banner {
	position:relative;
}

#banner h3 {
	position:absolute;
	top:25%;
	left:20%;
	background-color: #fff;
  background-color: rgba(255,255,255,0.3);
	text-align:center;
	text-transform:uppercase;
	font-family:'franklin-gothic-urw-cond';
	font-style:italic;
	width:60%;
	margin:0 auto;
	padding:2%;
	color:white;
	box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.1);
}

#banner a {
	color:white;
}

.bg-dark.gradient {
	background:none;
	padding-top:0;
}

.featured-news {
	box-shadow:0 0 14px yellow;
}

.uva-news-view.horizontal .item-list,
.news-horizontal {
	max-width:90%;
	margin:0 auto;
}

.news-horizontal header,
.news-horizontal footer {
	text-align:center;
	text-transform:uppercase;
	padding-top:2%;
}

header h1 {
	margin-bottom:0;
	font-size:50px;
}

header h1 .outline {
	-webkit-text-stroke: 1px #999;
	letter-spacing:2px;
}

header h1 .ampersand {
	font-family:'adobe-caslon';
}

.news-horizontal .views-row {
  width: 22%;
  float:left;
  margin-right:10px;
  margin: 2% 1%;
  min-height:360px;
  background:white;
  border-bottom:5px solid #e57200;
  border-radius:3px;
}

.uva-news-view.grid .views-row {
	background:white;
	border-bottom:3px solid #e57200;
	border-radius:3px;
}

.news-horizontal .views-row h3,
.uva-news-view.grid .views-row h3 {
  font-size: 1.3em;
  font-weight: 500;
  font-family: 'franklin-gothic-urw-cond';
  letter-spacing: 0px;
  text-transform: uppercase;
}

.news-horizontal .views-row h3 a,
.uva-news-view.grid .views-row h3 a {
	color:#232d4b;
}

.news-horizontal .views-row h4,
.uva-news-view.grid .views-row h4{
	color:#666;
	text-transform:uppercase;
	font-size:.9em;
	font-weight:500;
	letter-spacing:2px;
}

.news-horizontal .views-row .views-field-field-date,
.uva-news-view.grid .views-row .views-field-field-date,
.news-horizontal .views-field.views-field-body{
	padding:5px 20px;
}

#block-views-block-news-block-3 {
  min-height: 432px;
  box-sizing: inherit;
  background: #eee;
  padding-bottom: 30px;
  width:100%;
}

@media screen and (max-width: 1200px) {
	#banner h3 {
	  box-shadow:none;
	  position:relative;
	  top:0;
	  left:0;
	  width:90%;
	  margin:0 auto;
	  margin-top:-20px;
	  letter-spacing:2px;
	  background-color:rgb(255,255,255,0);
	  color:#232d4b;
		font-size:1.3em;
	}
	#banner h3 a {
		color:#232d4b;
	}
}

@media screen and (max-width: 768px) {
	
	#banner h3 {
		top:0;
		left:0;
		width:100%;
		font-size:1em;
	}
	.news-horizontal .views-row {
		width:47%;
	}
}