body {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

a {
    color: #28f;
    text-decoration: none;
}

/* Size Classes */
.fullScreen {
    height:100%;
}
.fullWidth {
    width:100%;
}

/* Navigation Menu */
.navigation.fixed {
    position: fixed;
    top:0;
    left:0;
}
.navigation.absolute {
    position: absolute;
    top:0;
    left:0;
}
.navigation.inline {
    display: inline-block;
}
.navigation {
    display: inline-block;
    width: 100%;
    max-width: 900;
    margin-top: 20px;
    border-top: solid 2px #EFEFEF;
    border-bottom: solid 2px #EFEFEF;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navigation a {
    text-decoration: none;
}
.navigation .item {
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
    color: #333;
    font-size: 24px;
    font-weight: 300;
    text-decoration: none;
}
.navigation .item:hover {
    font-weight: 400;
}
.navigation .logo {
    float:left;
    height:100%;
    align-items: center;
    justify-content: center;
    
    padding: 10px;
    padding-left: 30px;
    
    box-sizing: border-box;
}

/* Sections for One Page */
.section {
    display:inline-block;
    max-width: 900px;
    margin-top: 30px;
}
.section .title {
    font-size: 28px;
    padding-bottom: 20px;
}
.section .content {
    text-align: justify;
    line-height: 30px;
}

/* Itemized Section */
.itemized {
    padding-top: 30px;
    padding-bottom: 30px;
    
    text-align: center;
}
.itemized .item {
    display: inline-block;
    
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.itemized .item .part {
    display: inline-block;
    width:100%;
    
    text-align: center;
}

/* Tabularized Section */
.tabularized {
    display: table;
    
    padding: 0;
    
    text-align: left;
}
.tabularized .item {
    display: table-cell;
    
    text-align: center;
    vertical-align: middle;
}
.tabularized .item.three {
    width:33vw;
    height:33vw;
}
.tabularized .item.four {
    width:25vw;
    height:25vw;
}
 /* Hero */
 .hero {
    display: inline-block;
    max-width: 900px;
 }
 .hero .profile {
    display: inline-block;
    padding-right: 30px;
 }
 .hero .content {
     display: inline-block;
 }
 .hero .name {
    display: inline-block;
    text-align: left;
    font-weight: 900;
    font-size: 60px;
    border-bottom: solid 2px #EFEFEF;
    margin-bottom: 10px;
 }
 .hero .content {
     display: inline-block;
     text-align: left;
 }
 .hero .links {
     padding-top: 5px;
 }
 .hero a {
     text-decoration: none;
     color: #28f;
 }
 .hero .contact {
     line-height: 25px;
 }
 .hero .links .link:first-child {
     margin-right: 20px;
 }
.hero .links .link {
    display: inline-block;
    text-align: center;
    color: #28f;
    line-height: 20px;
    vertical-align: middle;
}
.hero .links .link img {
    display: inline-block;
    padding-right: 4px;
}

 /* About Me */
 .aboutMe {
     text-align: justify;
 }


 /* Latest News */
 .latestNews .news {
    display: table;
 }
 .latestNews .news .date {
    display: table-cell;
    width: 80px;
    text-align: left;
 }
 .latestNews .news .blurb {
     display: table-cell;
 }

 /* Research */
 .research .item {
     text-align: left;
 }
.research .item img {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}
.research .item .name {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 5px;
}
.research .item .description {
    font-weight: 300;
}

.publications .content {
    text-align: center;
    vertical-align: text-top;
}
.publications .content .date {
    display: block;
    text-align: right;
    color: #666;
    padding-right: 20px;
}
.publications .content .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.publications .content .grid .yearDivider {
    flex-basis: 100%;
    margin: 28px 10px 6px;
    border-top: 1px solid #D6D6D6;
    text-align: left;
    color: #888;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}
.publications .content .grid .yearDivider:first-child {
    margin-top: 10px;
}
.publications .content .grid .yearDivider span {
    display: inline-block;
    padding-top: 7px;
}
.publications a {
    text-decoration: none;
}
 .publication {
    display: inline-block;
    max-width: 420px;
    margin: 10px;
    width: 100%;
    background-color: #EFEFEF;
    border-radius: 4px;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    flex-basis: 50%;
    position: relative;
    padding-bottom: 40px;
 }
 .publication a {
     text-decoration: none;
     outline: none;
     color: #000;
 }
 .publication:hover {
     background-color: #E0E0E0;
 }
 .publication .name {
    display: block;
    text-align: left;
    line-height: normal;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
 }
 .publication .authors {
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
    color: #777;
    padding-left: 20px;
    padding-right: 20px;
 }
 .publication .venue {
     padding-top: 12px;
     padding-left: 20px;
    padding-right: 20px;
    line-height: normal;
 }
 .publication .abstract {
     padding: 20px;
     box-sizing: border-box;
     display: none;
 }
 .publication .abstractButton {
     position: absolute;
     bottom: 0;
     left: 0;
     margin-top: 10px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     height: 30px;
     font-size: 12px;
     background-color: #E0E0E0;
 }
 .publication .abstractButton:hover {
     background-color: #D9D9D9;
 }
 .expanded {
     flex-basis: fill;
     max-width: none;
     flex-basis: 100%;
 }
 .expanded .abstract {
    display: block;
 }

 @media (max-width:550px){
    .publication {
        flex-basis: 100%;
    }

}