@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* Global */
body {
    font-family:'Open Sans',sans-serif;
    background:#eeeeee;
    font-size:15px;
}
.vertical-align {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .row.vertical-align {
        display:block;
    }
}
.bgblack {
    background:black;
}
.bgwhite {
    background:white;
}
.no-lr-padding {
    padding-left:0;
    padding-right:0;
}

/* Text blocks */
p,ol,ul {
    font-size:120%;
    line-height:140%;
}
ol,ul {
    margin-top:15px;
}
@media (max-width: 991px) and (min-width: 768px) {
    p,ol,ul {
	font-size:120%;
	line-height:130%;
    }
}   
@media (max-width: 767px) {
    p,ol,ul {
	font-size:110%;
	line-height:120%;
    }
}   
h2 {
    margin:10px 0px 5px;
    padding-bottom:10px;
}
h3 {
    margin:20px 0px 15px;
}
h4 {
    font-size:175%;
    line-height:120%;
}
@media (max-width: 991px) and (min-width: 768px) {
    .jumbotron h1 {
	font-size:365%;
    }
    h4 {
	font-size:165%;
    }
}
@media (max-width: 767px) {
    .jumbotron h1 {
	font-size:200%;
    }
    h2 {
	font-size:180%;
	margin-top:-21px;
    }
    .extragap {
	padding-top:24px;
    }
    h3 {
	font-size:150%;
    }
    h4 {
	font-size:120%;
    }
}
@media (max-width: 399px) {
    .jumbotron h1 {
	font-size:180%;
    }
    h4 {
	font-size:110%;
    }
    p,ol,ul {
	font-size:100%;
    }
}

/* Header */
.header-princeton {
    padding-top:5px;
    padding-bottom:5px;
}
.header-princeton a {
    color:#000000;
}
.header-princeton a:hover, a:active {
    text-decoration:none;
}
.header-princeton .pu {
    vertical-align:top;
    padding-top:4px;
    height:25px;
}
.header-princeton .chemistry {
    font-size:20px;
}
@media (max-width:349px) {
    .header-princeton .pu {
	width:90%;
    }
    .header-princeton .chemistry {
	font-size:16px;
    }
}
.header-jacobs {
    background:transparent !important;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:0px;
}
.header-jacobs h1,h4 {
    margin-top:0px;
    margin-bottom:0px;
    padding-top:9px;
    padding-bottom:9px;
}
@media (max-width: 991px) and (min-width: 768px) {
    .header-jacobs h1,h4 {
	margin:0px;
	padding-top:6px;
	padding-bottom:6px;
    }
}
@media (max-width: 767px) {
    .header-jacobs h1 {
	margin:0px;
	padding-top:4px;
	padding-bottom:4px;
    }
    .header-jacobs h4 {
	margin:0px;
	padding-top:4px;
	padding-bottom:6px;
    }
}
@media (max-width:349px) {
    .jumbotron .col-xs-8 {
	margin-left:-10px;
	padding:0px;
    }
}

/* Nav */
.menu-container {
    margin-top:15px;
    height:51px;
}
.menu {
    font-size:120%;
    line-height:30px;
    letter-spacing:1px;
    width:100%;
}
@media (max-width: 991px) {
    .menu {
	font-size:100%;
    }
}
.navbar .navbar-nav {
    display:inline-block;
    float:none;
    padding-bottom:-5px;
}
.navbar .navbar-collapse {
    text-align:center;
}
.jumbotron img {
    margin:15px 0px 10px;
}
.jumbotron hr {
    margin-top:30px;
    border-color:#999999;
    width:80%;
}
@media (max-width:767px) {
    .menu-container {
	position:relative;
	top:-78px;
	z-index:9999 !important;
	height:0px;
    }
    .jumbotron img {
	margin-top:-50px;
	margin-bottom:0px;
    }
    .jumbotron hr {
	margin-top:-7.5px;
    }
}
@media (max-width:399px) {
    .menu-container {
	top:-73.5px;
    }
}

/* Footer */
.footer-jacobs {
    margin-bottom:0px;
}
.footer-text {
    font-size:100%;
    padding-top:10px;
    padding-bottom:5px;
}

/* Pages */
.content {
    padding-bottom:20px;
}
.about {
    padding-top:5px;
    padding-bottom:15px;
}
.research-title {
    text-align:left;
}
@media (max-width: 991px) {
    .research-title {
	text-align:center;
    }
}
.research-description img {
    width:100%;
    max-width:380px;
    margin-bottom:15px;
}
.people .row {
    padding:10px 0px;
}
.people .image {
    text-align:right;
}
.people h5 {
    font-size:130%;
    margin-top:-5px;
    margin-bottom:10px;
}
.people p {
    margin:10px 0px;
}
.people img {
    width:67%;
}
@media (max-width: 767px) {
    .people .image {
	text-align:center;
    }
    .people h3 {
	text-align:center;
    }
    .people h5 {
	text-align:center;
	font-size:125%;
    }
}

/* Publications */
.publications {
    padding:0px 10% 10px;
}
@media (max-width: 991px) {
    .publications {
	padding:0px 5% 10px;
    }
}
.publications .me {
    text-decoration:underline;
}
.publications .journal {
    font-style:italic;
    white-space:nowrap;
}
.publications .issue {
    font-weight:bold;
}
.publications .pages {
    white-space:nowrap;
}
.publications li {
    padding:5px;
}