<style>
  body {
    padding-top: 72px;
  }
  #intro {
    position: absolute;
    width: 100%;
    height: 100vh;
    /* padding-top: 72px; */
    z-index: 1;
    background-color: #030303;
  }

  #mainNavigation {
    position: fixed;
    height: 40px;
    width: 100%;
    background-color: #030303FF;
    border-bottom: 1px solid #ffffff30;
    padding: 1rem 2rem;
    z-index: 3;
    top: 0;
  }

  #clir {
    position: absolute;
    top: 90vh;
    z-index: 2;
    width: 100%;
    margin-left: 0 !important;
    display: none;
  }

  #clirLines {
    position: absolute;
    top: 60vh;
    text-align: center;
    width: 100%;
    line-height: 1.1;
    padding: 0 2rem;
    box-sizing: border-box;
    display: none;
  }

  #clir>div {
    text-align: center;
    padding: 1rem 0;
    background-color: #ffffff11;
    border-left: 1px solid #ffffff66;
    opacity: 0.1;
    transition: all 0.5s ease-in-out;
  }

  #clir>div.active {
    opacity: 0.9;
  }

  #clir>div:not(.active):hover {
    opacity: 0.7;
  }

  #clir>div.uk-first-column {
    border-left: 0;
  }

  #clir>div>h1 {
    /* text-shadow: 0px 1px 0px #000; */
  }

  .clir-desc {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 1rem;
    color: #fff;
    transition: all 0.5s ease-in-out;
    text-shadow: 0px 0px 5px rgba(1,1,1,0.75);
  }

  .dm {
    font-family: "Castoro", serif;
    font-weight: 400;
    font-style: normal;
  }

  .dm-italic {
    font-family: "Castoro", serif;
    font-weight: 400;
    font-style: italic;
  }

  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  #navBar {
    box-sizing: border-box;
    padding-right: 3rem;
  }

  #navBar div {
    padding: 0 1rem;
  }

  #navBar div a {
    color: #fff;
  }
  h2.dm {
    text-decoration: underline dotted;
    text-decoration-color: inherit;
    text-underline-offset: 0.25rem;
    text-decoration-thickness: 1px;
  }
  p {
    break-inside: avoid;
  }

  .teaching-bg {
    background-image: url("../img/photos/teaching.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    padding-bottom: 400px;
  }

  .bioPhoto {
    width: 175px;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    margin: 1rem;
    float: right;
    clear: left;
  }

  @media screen and (max-width: 767px) {
    #clir h2 {
      font-size: 1rem;
    }
    .clir-desc {
      text-align: center;
      font-size: 1.1rem;
      margin-top: 1rem !important;
      padding-bottom: 3rem !important;
      color: #fff;
      transition: all 0.5s ease-in-out;
    }
  }

  .uk-slideshow-items {
    min-height: 100vh;
  }