body {
  font-family: 'Montserrat', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  color: #141415;
  background-color: white;
}

html {
  width: 100%;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Comfortaa', display;
  font-weight: 700;
  padding-bottom: 20px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 23px;
}

h4 {
    font-size: 16px;
}

p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 25px;
}

@media (min-width: 768px) {
  p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 35px;
  }

}

a {
  transition: all 0.2s ease-in-out;
  color: rgb(1, 112, 185);
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: none;
  color: #02AFBB;
}

#mainNav {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
  background-color: rgba(20, 20, 21, 0.8); /*#141415;*/
}

#mainNav .navbar-toggler {
  font-size: 14px;
  padding: 11px;
  color: white;

}

#mainNav .navbar-toggler:active {
}

#mainNav .navbar-toggler:focus {
    box-shadow: none;
}

#mainNav .navbar-brand {
  font-weight: 700;
}

#mainNav a {
  color: white;
}

#mainNav a img {
    width: 250px;
    
}

#mainNav .navbar-nav .nav-item {
    transition: background 0.3s ease-in-out;
}

#mainNav .navbar-nav .nav-item:hover {
  color: fade(white, 80%);
  /*outline: none;*/
  background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
    /*outline: none;*/
  background-color: transparent;
}


header {
  display: block;
  width: 100%;
  text-align: center;
  color: white;
  background-image: url("https://imagedelivery.net/bsfHnhhczy2p7thuScbdEA/f95d8506-dbe2-4dc1-a274-7f37d251cf00/public");
  background-position-x: 50%;
  background-position-y: 0%;
  background-repeat: 0 0;
  background-color: rgb(40, 40, 40);
  background-size: cover;
  position: relative;
  min-height: 800px;
  box-sizing: border-box;
}

@media (min-width: 1800px) {
    header {
        background-image: url("https://imagedelivery.net/bsfHnhhczy2p7thuScbdEA/f95d8506-dbe2-4dc1-a274-7f37d251cf00/full");
    }
}

#intro-body {
/*  display: table-cell;
  vertical-align: middle;*/
}
header h1 {
  font-size: 50px;
}
header p {
  font-size: 18px;
}


@media (min-width: 768px) {
  header {
    height: 100%;
    padding: 0;
  }
  header h1 {
    font-size: 100px;
  }
  header p {
    font-size: 22px;
  }
}

.btn-circle {
    font-size: 26px;
    width: 55px;
    height: 55px;
    margin-top: 15px;
    line-height: 45px;
    color: #1d2d40;
    border: 1px solid #ccc;
    border-radius: 100% !important;
    background: white;
}

.btn-circle:focus, .btn-circle:hover {
    color: #02AFBB;
}

.content-section {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section {
    color: #141415;
    background-color: white;
}

.section-divider {
    height: 24px;
    position: relative;
    bottom: 24px;
    fill: #1d2d40;
    direction: ltr;
    transform: rotate(180deg);
}

.section-divider svg {
    vertical-align: bottom;
    display: block;
}

.section-divider-footer {
    height: 24px;
    position: relative;
    fill: #1d2d40;
    direction: ltr;
    transform: rotate(180deg);
}

.section-divider-footer svg {
    vertical-align: bottom;
    display: block;
}


.vertical-spacer {
    padding-bottom: 200px;
}

.floating-statement {
    font-family: 'Comfortaa', display;
    font-weight: 700;
    font-size: 34px;
    display: table-cell;
    text-align: left;
    padding: 10px;
    position: relative;
    background-color: rgba(40, 40, 40, 0.8);
    -webkit-font-smoothing: antialiased;
}

#map {
  width: 100%;
  height: 300px;
}

@media (min-width: 992px) {
  .content-section {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  #map {
    height: 350px;
  }
}

.btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  border-radius: 100px;
  border: 0px;
}

.btn-text {
  padding: 16px 30px 16px 30px;
  line-height: 16px;
  transition: background 0.3s ease-in-out;
  color: white;
  background: #1d2d40;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  text-transform: uppercase;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}

.btn-text:hover {
    color: white;
}

.btn-default {
  color: #42DCA3;
  border: 1px solid #42DCA3;
  background-color: transparent;
}

.btn-default:focus, .btn-default:hover {
  color: black;
  border: 1px solid #42DCA3;
  outline: none;
  background-color: #42DCA3;
}

ul.banner-social-buttons {
  margin-top: 0;
  font-size: 0;
}

@media (max-width: 1199px) {
  ul.banner-social-buttons {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }
}

footer {
  padding: 50px 0;
  color: white;
  background-color: #1d2d40;
}

footer p {
  font-size: 14px;
  margin: 0;
}

.inline-svg {
  display: inline-block;
  height: 1.15rem;
  width: 1.15rem;
  top: 0.15rem;
  position: relative;
}

.team-profile-spacer {
    height: 150px;
}

.team-profile-text {
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
}

.team-profile-name {
    font-family: 'Comfortaa', display;
    font-size: 23px;
    font-weight: 700;
    line-height: 34.5px;
    -webkit-font-smoothing: antialiased;
}

.team-profile-title {
    font-family: 'Comfortaa', display;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;

    -webkit-font-smoothing: antialiased;
}

.team-profile-linkedin {
    margin-bottom: 15px;
}
.team-profile-linkedin a {
    color: #1d2d40;
}

.team-profile-linkedin .inline-svg {
    height: 22px;
    width: 22px;
}

.col-img-left {
    float: left;
}

.col-img-right {
    float: right;
    margin-right: 100px;
}

@media (max-width: 992px) {
    .col-img-left {
        float: none;
        margin: 0px;
    }

    .col-img-right {
        float: none;
        margin: 0px;
    }
}

.col-text-left {
    float: left;
    text-align: left;
}

.col-text-right {
    float: right;
    text-align: left;
    padding-left: 10px;
}

.team-profile-expand {
    transition: all 0.2s ease-in-out;
    text-align: center;
    margin: auto;
    display: block;
}

.team-profile-expand:hover {
    cursor: pointer;
}

.team-profile-description {
    max-height: 150px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}

input.expando {
  display: none;
}

input.expando:checked ~ .team-profile-description {
  max-height: 1000px;
  overflow: visible;
  transition: all 0.2s ease-in-out;
  -webkit-mask-image: none;

}
input.expando:checked ~ .team-profile-expand {
  transition: all 0.2s ease-in-out;
  transform: rotate(180deg);
}

.team-profile-image {
    padding: 10px;
  }

.team-profile-image-left {
    margin-left: 50px;
}

.team-profile-image-right {
    margin-left: 10px;
    /*float: right;*/
}

.team-profile-image img {
  border-radius: 50%;
  height: 300px;
  object-fit: cover;
}

.contactinfo {
    font-size: 15px;
}

.contactinfo li {
    list-style-type: none;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.contactinfo .icon {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 40px;
}

.contactinfo .icon .inline-svg {
    width: 26px;
}


.contactinfo .value {
    text-align: left;
}

.location {
    padding-right: 50px;
    padding-bottom: 50px;
    margin-left: 20px;
    text-align: left;
    line-height: 26px;
    float: left;
    width: 300px;
}

.location h4 {
    padding: 0;
}

img {
    
    width: 300px;
}

.publications h2 {
    text-align: center;
}

.publications h3 {
    padding-top: 20px;
}

.publications {
    font-size: 15px;
    line-height: 27.8px;
    padding-bottom: 200px;
}

@media (min-width: 992px) {
  #mainNav {
    position: relative;
    border-bottom: none;
    background-color: rgba(20, 20, 21, 0.8);
    font-size: 15px;
  }
  #mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background: #141415;
  }
  #mainNav .nav-link.active {
    outline: none;
    /* 02AFBB */
    background-color: rgba(2, 175, 187, 1.0);
  }
  #mainNav .nav-link.active:hover {
    color: white;
  }
}