* {
   margin: 0;
   font-family: "Avenir Next", Avenir, "Helvetica Neue", "Gill Sans", "Gill Sans MT", Helvetica, sans-serif;
   text-rendering: optimizeLegibility;
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
   font-variant-ligatures: common-ligatures;
   -webkit-font-variant-ligatures: common-ligatures;
   -webkit-font-feature-settings: "kern";
   font-feature-settings: "kern";
   font-kerning: normal;
}

div {
   font-variant-ligatures: common-ligatures;
   -webkit-font-variant-ligatures: common-ligatures;
   -webkit-font-feature-settings: "kern";
   font-feature-settings: "kern";
   font-kerning: normal;
}

:not(ul, ol, dl) {
   padding: 0;
}

table {
   border-spacing: 0;
}

html {
   position: relative;
   min-height: 100%;
}

body {
   min-width: 397px;
   text-rendering: optimizeLegibility;
   margin:0 0 50px;
   padding:0;
}

footer {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
}

h2,
h3 {
   color: DimGray;
   font-weight: 200;
}

h4 {
   font-weight: 600;
   text-transform: uppercase;
   font-size: .9em;
   color: #444444;
}

h1 {
   z-index: 13;
}

h5 {
   font-weight: 500;
   color: #555;
}

header nav {
   padding-top: 2em;
   /*to get below the fixed header*/
}

nav ul,
#talks ul,
#faq ul {
   list-style: none;
   padding: 0;
}

.col0.fixed {
   position: fixed;
}

.bookmark {
   display: block;
   width: 0;
   height: 0;
   position: relative;
   top: -45px;
}

a {
   text-decoration: none;
   color: inherit;
}

.doubleWide.fixed a {
   color: #184888;
   text-decoration-style: dotted;
   -moz-text-decoration-style: dotted;
   -webkit-text-decoration-style: dotted;
   -moz-text-decoration-color: rgba(24, 104, 130, .2);
   -webkit-text-decoration-color: rgba(24, 104, 130, .2);
   text-decoration-color: rgba(24, 104, 130, .2);
}

a:hover,
a div:hover,
a h4:hover,
.doubleWide.fixed a:hover {
   color: #186888;
}

.doubleWide.fixed a:hover {
   text-decoration: underline;
   text-decoration-style: dotted;
   -moz-text-decoration-style: dotted;
   -webkit-text-decoration-style: dotted;
   -moz-text-decoration-color: rgba(24, 104, 130, .2);
   -webkit-text-decoration-color: rgba(24, 104, 130, .2);
   text-decoration-color: rgba(24, 104, 130, .2);
}

h2,
li,
dd,
.details,
#spotlight figure,
#faq li, 
p,
h5,
h3 {
   margin-top: 3.5px;
   margin-bottom: 5.5px;
}

#papers li,
#talks li,
#contact li {
   margin-bottom: 9.5px;
}

p,
h5,
h3 {
   margin-top: 0px;   /*aligns baseline with h2*/
}

h2 {
   margin-top: -2px;
   /*aligns baseline with h3*/
}

#news li {
   text-indent: -1em;
}

dd {
   margin-left: .4em;
   padding-left: 0;
   display: block;
}

#news li:before,
.bullets li:before,
dt {
   padding-right: .5em;
   color: #CCCCCC;
   font-weight: 400;
   height: 100%;
}

dt {
   float: left;
   margin-left: -2em;
   width: 1.7em;
   padding-right: 0;
   font-size: .8em;
}

#news ul li:before,
ul.bullets li:before {
   content: "\00A4";
}

nav li {
   padding-right: 2.5vw;
   margin-top: -5px;
   margin-bottom: -5px;
   display: inline-block;
   font-size: 1.11em;
   vertical-align: middle;
   font-stretch: narrower;
}

#talks li,
.col1 li {
   font-size: .92em;
}

.logo {
   font-size: 1.7em;
   font-weight: 100;
   white-space: nowrap;
}

h1 {
   background: #fafaf8;
   margin: 0;
   color: #605e5d;
   font-weight: 600;
   position: fixed;
   width: 100%;
   border-bottom: 1px solid #e5e3e1;
}

article,
nav,
.foot {
   display: inline-block;
   vertical-align: top;
}

section,
nav,
#hero {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
   display: inline-block;
   width: 100%;
}

#portrait,
#topics {
   float: left;
}

.description,
#faq ul  {
   font-size: 0.97em;
}

.details {
   font-size: 0.845em;
}

nobr,
#toc,
#toc a,
.day,
.number,
.place,
.nomobile,
.title {
   -webkit-hyphens: none;
   -moz-hyphens: none;
   hyphens: none;
   word-wrap: normal;
}

a {
   -webkit-hyphens: inherit;
   -moz-hyphens: inherit;
   hyphens: inherit;
   word-wrap: inherit;
}

.day {
   color: DimGray;
   margin-right: 1em;
   display: inline-block;
   font-size: 0.968em;
   font-weight: 400;
}

.number {
   text-align: right;
   padding-right: 1em;
   vertical-align: text-top;
}

.place {
   font-style: italic;
   color: #505050;
   font-weight: 300;
   display: inline;
   font-size: 0.96em;
}

.title {
   font-weight: 600;
   font-size: 1.06em;
}

img {
   width: 100%;
   height: auto;
   width: auto\9;
   /* ie8 */
}

#hero {
   position: relative;
   margin-right: 0;
}

#hero img {
   display: block;
}

#hero figure {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
}

#hero figure.active {
   z-index: 10;
   opacity: 1.0;
   /*border: 1px solid DimGray;*/
}

#hero figure.last-active {
   z-index: 9;
}

figcaption {
   position: absolute;
   bottom: 2%;
   left: 2.9%;
   width: 34%;
   display: block;
   color: white;
   font-size: 1.09em;
   font-weight: 400;
   /*z-index: 11;*/
   min-height: 0;
   padding: 1% 2px 0px;
   padding-bottom: 0;
   margin-bottom: 0;
   height: auto;
   max-height: 54%;
   top: 0;
}

#hero h3 {
   margin-left: 1.2vw;
   margin-bottom: 0;
}

#hero section {
   width: 100%;
}

.student,
.studentSm {
   width: 10.79em;
   display: inline-block;
   vertical-align: top;
   padding: 1.2vw;
   margin: 0;
}

.studentSm {
   width: 9.7em;
}

.student img,
.studentSm img {
   min-width: 100%;
   border: solid;
   border-width: 1px;
   border-color: DarkGray;
}

.foot {
   vertical-align: bottom;
   margin-top: 0;
   margin-bottom: 10px;
   padding-top: 0;
   padding-bottom: 0;
   white-space: nowrap;
   color: #999999;
}

#address {
   position: absolute;
   left: 0;
   bottom: 0;
}

#faq {
   display: block;

}

.video-wrapper {
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
   position: relative;
   padding-top: 25px;
}

.video-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}

.name {
   font-weight: 600;
}

.col2 #news {
   margin-left:3px;
}

.col0_2>#talks {
   margin-left:-5px;
}