.navbarpadding { padding-top: 50px; background: #cc0033; }
@media screen and (max-width: 992px) {
    .navbarpadding { padding-top: 150px; }
}
@media screen and (max-width: 768px) {
    .navbarpadding { padding-top: 50px; }
}
body {position: relative; height: 100%;}
h1 {
  font-weight:bold; font-size:20px; color: #121212; background: #d6d6d6;
  border: 0px; padding: 0.65em; 
  margin: 10px 0 10px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
 }
h2 {
  font-weight:bold; font-size:14px; color: #444466; background: #dfdfdf;
  margin: 10px 0 10px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  background: -moz-linear-gradient(top, #d8d8d8 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#efefef));
  background: -webkit-linear-gradient(top, #d8d8d8 0%,#efefef 100%);
  background: -o-linear-gradient(top, #d8d8d8 0%,#efefef 100%);
  background: -ms-linear-gradient(top, #d8d8d8 0%,#efefef 100%);
  background: linear-gradient(top, #d8d8d8 0%,#efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#efefef',GradientType=0 ); 
  border: 0px; padding: 0.5em;
}
ul.navbar-nav a {
  font-weight: bold;
}
div.bgdiv {
  margin-top: 40px;
  margin-bottom: 40px;
  border: 1px solid #EEE;  
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
  padding-top: 15px;
  padding-bottom: 20px;
  background: #FAF8F3;
}
div.bgdivfp {
  border: 1px solid #EEE;  
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
  padding-top: 15px;
  padding-bottom: 20px;
  background: #FAF8F3;
}
div.bgdivt {
  margin-bottom: 40px;
  border: 1px solid #EEE;  
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
  padding-top: 15px;
  padding-bottom: 20px;
  background: #FFFFFD;
}
div.bgdivb {
  margin-top: 40px;
  border: 1px solid #EEE;  
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
  padding-top: 15px;
  padding-bottom: 20px;
  background: #FAF8F3;
}
div.bgdivf {
  border: 1px solid #EEE;  
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
  padding-top: 40px;
  padding-bottom: 40px;
  background: #3c434f;
  color: #FFF;
}
div.content {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
ul.award {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.award li {
  background-image: url(awardicon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  padding-left: 30px; 
}
ul.project {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.project > li {
  background: #FFF;
  background-image: url(projecticon.png);
  background-repeat: no-repeat;
  background-position: 5px 9px; 
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px; 
  padding-right: 10px; 
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  margin: 15px 0 15px 0;
}
ul.projectm {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.projectm > li {
  background: #FFF;
  background-image: url(projecticon.png);
  background-repeat: no-repeat;
  background-position: 5px 17px; 
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px; 
  padding-right: 10px; 
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  margin: 15px 0 15px 0;
}

.qt { margin-left: 40px; }

ul.pub {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.pub li {
  background: #FFF;
  background-image: url(docicon.png);
  background-repeat: no-repeat;
  background-position: 5px 9px; 
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px; 
  padding-right: 10px; 
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  margin: 15px 0 15px 0;
}
ul.talk {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.talk li {
  background-image: url(talkicon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  padding-left: 30px; 
}
ul.teaching {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.teaching li {
  background-image: url(teachingicon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  padding-left: 30px; 
}
a.plain {
  color: #224b8a;
}
a.plainx {
  text-decoration: none;
  color: black;
}
a.plainxw {
  text-decoration: none;
  color: white;
}
span.lbl-padding {
 line-height: 2em;
 vertical-align: middle;
}
.refbutton {
  width: 250px;
  margin: 0 auto;
  border: 2px solid #bbb;
  padding: 15px 0px 15px 0px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.refbutton:hover {
  background: #f7f7f7;
}

.cards {
  display:grid;
  grid-template-columns: repeat(auto-fill, 200px);
  grid-gap: 10px;
  justify-content: center;
}
.card {
  margin: 0 auto;
  min-width: 200px;
  max-width: 960px;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  border-radius: 5px;
}
.card header {
  padding: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #767676;
  color: #fff;
}
.card header a:link { color:#FFF; text-decoration:none; }
.card header a:visited { color: #FFF; text-decoration:none; }
.card header a:hover { color: #FFF; text-decoration:underline;}
.card header a:active { color: #FFF; text-decoration:none;}
a.carda:link { color:#FFF; text-decoration:none; }
a.carda:visited { color: #FFF; text-decoration:none; }
a.carda:hover { color: #FFF; text-decoration:underline;}
a.carda:active { color: #FFF; text-decoration:none;}
.card img { max-width: 100%; }
.card .body {
  padding: 10px;
  color: #757575;
}
.cardsw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1100px;
}
.cardw {
  margin: 5px;
  flex: 1 1 500px;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.cardw header {
  padding: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #767676;
  color: #fff;
}
.cardw header a { display: block; }
.cardw header a:link { color:#FFF; text-decoration:none; }
.cardw header a:visited { color: #FFF; text-decoration:none; }
.cardw header a:hover { color: #FFF; text-decoration:underline;}
.cardw header a:active { color: #FFF; text-decoration:none;}
.cardw img { max-width: 65%; display: block; margin-left: auto; margin-right: auto; }
.cardw .body {
  padding: 10px;
  color: #757575;
}
.pull-right-gd {
  text-align: center;
}
@media (min-width: 550px) {
  .pull-right-gd {
    float: right;
  }
}