ul { 
  margin: 0;
  padding: 0;
}

.youtubeicon {
	display: block;
	float: right;
	clear: left;
	margin-bottom: 1em;
}

img.icon {
	display: block;
	height: 1em;	
	margin-left: .5em;
 }

.talkaffil {
	font-style: italic;
}

.talktitle a {
	color: #31113c;
	text-decoration: none;
	font-weight: 300;
}

.talktitle a:hover {
	color: #3f4a96;
	text-decoration: underline;
}


.session .overview {
	padding: .5em;
	background-color:#bba9c2; 
}

.session:nth-child(2) .overview{
	background-color: #d6c8f7;
}

.session:nth-child(3) .overview {
	background-color: #ccccff;
}

.timeblock {
	background-color:#ffffff;
	padding-left: 3%;
}

.timeblock .talk {
	display: table-row;
 	margin: .25em;
}	


.timeblock .talk span.time {
	font-weight: normal;
	font-size: 1em;
	white-space: nowrap;
}

.talktitle {
	width: 38%;
	margin: 1%;
	font-weight: 500;
}
.talkauthor {
	width: 13%;
	margin: 1%
}

div.day {

margin: 5% 0 ;

}

div.date {
font-size: 1.8em;
font-weight: 500;
padding-bottom: .1em;
border-bottom: .2em solid #31113c;
margin-bottom: .5em;
color: #31113C;
}

.talktitle {
	font-weight: 600;
}



.time {
display: inline-block;
margin-right: 2em;
font-weight: 600;
text-align: right;
font-size: 1.2em;
}

.sesstitle {
	display: inline-block;
	text-align: right;
	float: right;
	font-weight: 600;
	font-size: 1.2em;
}

@media screen and (min-width: 651px) {
div.session {
padding-left: 5%;
margin: 0;
}

l#program {
 width: 80%;
}


.timeblock .talk span {
	display: table-cell;
	padding: .25em;

}

.talkauthor {
	color:#3f4a96;
}
}
@media screen and (max-width: 650px) {

ul#program {
 width: 100%;
 margin: 0;
 padding: 0;
}


.timeblock .talk {
	width: 99%;
	display: block;
	margin: 2px auto;
}

.talk:nth-child(even) {
  background-color: #f0e8fc;
}
.talk:nth-child(odd) {
  background-color: #e3d1ff;
}

.timeblock .talk span {
	display: block;
	padding: .5%;
	width: 98%;
	text-align: left;
	vertical-align: top;

}

.timeblock .talk span.talkaffil, .timeblock .talk span.talkauthor {
	margin: 1%;
	display: inline-block;
	width: 46%;
}
.program {
	width: 98%;
}

div.session {
	padding: 0;
}

.overview .time, .sesstitle{
	font-size: 1em;
	float: none;
	text-align: center;
	display: block;
	padding: 0;
}

.overview {
	padding: 0;
}

.timeblock {
	padding: 0;
	margin: 0;
}


.session:nth-child(3) .overview, .session:nth-child(2) .overview, .session:nth-child(1) .overview, .session .overview{
    background-color: white;
    text-align: left;
}

}