.intro-notes  {
	text-align: center;
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 5px 0px;
}
.urban-slo {
	text-align: center;
	display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}
.urban-slo-contenthalf1,
.urban-slo-contenthalf2,
.urban-slo-contenthalf3,
.urban-slo-contenthalf4 {
	display: table-cell; /* Make elements inside the container behave like table cells */
	width: 49%; 
	height: 300px;
	transition: background-color 0.5s ease;
	border-right: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
}
/* Set the background color on each cell */
.urban-slo-contenthalf1 {
	background-color: #a4d7f4;
}
.urban-slo-contenthalf2 {
	background-color: #fc644f;
}
.urban-slo-contenthalf3 {
	background-color: #ffce51;
}
.urban-slo-contenthalf4 {
	background-color: #d7df23;
}
.urban-slo h2
{
	 display: block;
	 margin-top: 70px;
	 margin-bottom: 5px;
	 font-weight: 800 !important;
	 text-transform: uppercase;
	 font-size: 2em !important;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.urban-slo h2#finaid1 
{
	 margin-top: 50px !important; 
	 margin-bottom: 0px !important;
}
.urban-slo h2#finaid2 
{
	 margin-top: 0px !important; 
}
#slo-logo {
	position: relative;
	top: -500px;
	left: -3px;
	border: 2px solid #000;
	width: 250px;
}
.urban-slo-icons {
		height: 70px;
		margin-right: 2%;
	}
a img:hover {
  opacity: 0.5;
}

/* Hide CMS Edit Link */
#de {
	display: none;
}

/* Modifications for tablet and mobile view */ 
@media screen and (min-width:50px) and (max-width: 900px) {
	.urban-slo-contenthalf1,
	.urban-slo-contenthalf2,
	.urban-slo-contenthalf3,
	.urban-slo-contenthalf4	{
		width: 100%; 
		display: block !important; 
		margin-bottom: 1%;
		height: 200px !important;
		float: none;
		margin: inherit;
		border-left: none !important;
		border-right: none !important;
	}
    .urban-slo h2 {
	    display: block;
	    margin-top: 0px;
	    margin-bottom: 0px;
		padding-top:40px;
	    font-size: 2em !important;
	}
	.urban-slo h2#finaid1 {
	    margin: 0px !important; 
	    padding-top:20px; 
	}
	.urban-slo h2#finaid2 {
	    margin: 0px !important; 
	    padding: 0px !important; 
	}
	#slo-logo {
	   display: none;
	}	
}