/*.page-node-type-uva_front_page .field-field_page_sections {*/
/*	background:#eee;*/
/*}*/

.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 0 18%; /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
  margin: 5px;
  /*border-left:5px solid #e57200;*/
  height: 50px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  padding:5% 2%;
  font-size:1.1em;
  border-radius:3px;
  line-height:100%;
  box-shadow:-3px 0px 8px #ccc;
}

.col:hover a {
	color:#e57200;
	text-decoration:none;
}

.col a {
  color: #232d4b;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'franklin-gothic-urw-cond';
  font-size: 1.1em;
}

.layout__region--second .col {
	flex:1 0 50%;
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 768px) {
	.col {
		flex:1 0 55%;
	}
}