em{
    font-style:italic;
}

video#bgvid {
position: absolute; 
right: 0; 
bottom: 0;
width: 125%; 
height: 100%;
max-width: 1440px;
max-height: 600px;
z-index: -100;
    margin-right: -100px;

}
@media (min-width:795px){
   #videoMarquee {
height: 600px;
max-height: 550px;
} 
    
}
@media (max-width:794x){
       #videoMarquee {
height: 200px;
max-height: 550px;
} 
}


.lead-in { 

}

.alImage {
width: 100%;
}

#collegeLogo {
position: absolute; 
left:20px; 
bottom: 40%; 
z-index:99999; 
width: 12%;
}

@media (max-width: 1537px) {
#collegeLogo {
display: none;
}
}

h1.collegeOf {
    font-weight: 300;
    font-size: 38px;
    margin: 0 0 -10px 0;
}

@media (max-width: 1000px) {
h1.collegeOf {
font-size: 28px;	
margin: 0;	
}
}

@media (max-width: 600px) {
h1.collegeOf {
font-size: 22px;		
}
}

.feature-copy a.btn {
margin: 10px;	
}

.feature-copy h3 {
margin-top: 5px;
color: #975013;	
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  margin-bottom: 30px;
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

table {
		 width: 100%;
		 margin-bottom:20px;
	 }
	 
	 table td:nth-child(1) {
		 width: 20%;
	 }
	 
	 table td:nth-child(2) {
		 width: 25%;
	 }
	 
	 table td:nth-child(3) {
		 width: 20%;
	 }
	 
	 table td:nth-child(4) {
		 width: 35%;
	 }
	 
	 table tr {
		 
	 }
	 
	 table td {
		 padding: 15px;
			 
	 }
	 
	 tr:nth-child(even) {background: rgba(116,116,116,0.40)}
	 tr:nth-child(odd) {background: rgba(116,116,116,0.20)}
	 
@media (max-width: 1000px) {
	
	table td:nth-child(1) {
		 width: 25%;
	 }
	 
	 table td:nth-child(2) {
		 width: 25%;
	 }
	 
	 table td:nth-child(3) {
		 width: 25%;
	 }
	 
	 table td:nth-child(4) {
		 width: 25%;
	 }
}

@media (max-width: 650px) {
	
	table td:nth-child(1) {
		 width: 15%;
	 } 
	 
	 table td:nth-child(2) {
		 width: 20%;
	 }
	 
	
	 table td:nth-child(3) {
		 width: 40%;
	 }
	 
	 table td:nth-child(4) {
		width: 25%;
	 }
	 
}

.bulletPoints li{
margin: 0 0 5px 40px;
padding: 0;
font: 400 16px/20px 'Helvetica', 'Arial', sans-serif;
color: #5F5F5F;
}

.bulletPoints {
margin-bottom: 20px;
clear: both;
}

.feature-visual ul.list-inline {
	text-align:center;
}

.feature-visual ul.list-inline li{
	margin-left: 15px;
}

.events {
	padding: 20px 0 0 50px;
}

h5 {
	font-size: 16px;
	line-height: 20px;
}

.insetPortrait {
	float: left;
	width: 30%;
	max-width: 200px;
	margin: 0 20px 0 0;
	font: 200 12px/16px 'Helvetica', 'Arial', sans-serif;
}

.insetPortrait img {
	width: 100%;
}

/* This code hides the play button on iOS devices on the hero area -joey (start) */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


/* Hide play button  (end)  */