.iframe-container {
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.25%;
	 height: 0;
	 margin-bottom:15px;
}
.iframe-container iframe {
	 position: absolute;
	 top:0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

.comms-container {
	 margin-top:50px;
}
 .comms-container ul {
	 list-style-type:none;
	 display:grid;
	 grid-template-columns: 4fr 3fr 2fr;
	 grid-template-areas: "subject audience date content";
	 padding: 5px 9px 23px;
	 border-bottom: 1px solid #ddd;
	 grid-gap:0 30px;
}
 .comms-container ul:nth-of-type(1) {
	 background-color: #ddd;
	 border-bottom: none;
	 margin-bottom: 24px;
	 padding-bottom: 1px;
}
 .comms-container ul:nth-of-type(1) li {
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 font-size: .8em;
	 padding: 0;
	 margin-bottom: 5px;
}
 .comms-container ul:last-of-type {
	 border-bottom:none;
}
 .comms-container li {
}
 .comms-container li:nth-of-type(1) {
	 grid-area:subject;
}
 .comms-container li:nth-of-type(2) {
	 grid-area:audience;
	 padding-right:15px;
}
 .comms-container li:nth-of-type(3) {
	 grid-area:date;
}
 @media only screen and (max-width: 600px) {
	 .comms-container ul {
		 display:block;
	}
}



ul#highlights-button {
    width:100%;
    list-style-type:none;
    margin:10px 0;
    padding:0;
    background: #fff url("https://www.reed.edu/commencement/assets/images/reed-college-commencement-walkout.jpg") no-repeat left top;
}

ul#highlights-button li, ul#highlights-button li a {
    width:585px;
    height:329px;
    padding:0;
    margin:8px 0;
    display:block;
}

ul#highlights-button li, ul#highlights-button li a {
    color:#fff;
    font-size:28px;
    line-height:609px;
    letter-spacing:1px;
    font-weight:normal;
    padding-left:7px;
    text-transform:uppercase;
}

/* ul#highlights-button li, ul#highlights-button li a {
    font-weight:normal;
    font-size:18px;
    text-transform:none;
    letter-spacing:0;
    color:#fff;
} */


ul#highlights-button li.2015 a {
    background:  url("https://www.reed.edu/commencement/assets/images/Bagpiper.jpg") no-repeat left bottom #fff;
}

ul#highlights-button li.2016 a {
    background:  url("https://www.reed.edu/commencement/assets/images/walk-out.jpg") no-repeat left bottom #fff;
}

ul#highlights-button li.2017 a {
    background: url("https://www.reed.edu/commencement/assets/images/reed-college-commencement-walkout.jpg") no-repeat left bottom #fff;
}