/* is this working? */
:root {
  /* Site colors */
  --color-blue: rgb(37, 92, 199); // #255cc7;
  --color-blue-light: rgb(214, 228, 255); // #d6e4ff;
  --color-teal: rgb(13, 113, 136); // #0d7188;
  --color-teal-light: rgb(205, 239, 247); // #cdeff7;
  --color-red: rgb(174, 42, 94); // #ae2a5e;
  --color-red-light: rgb(249, 216, 229); // #f9d8e5;
  --color-green: rgb(7, 115, 53); // #077335;
  --color-green-light: rgb(193, 238, 212); // #c1eed4;
  --color-purple: rgb(95, 62, 228); // #5f3ee4;
  --color-purple-light: rgb(224, 216, 255); // #e0d8ff;
  --color-neutral-10: rgb(245, 245, 245); // #f5f5f5;
  --color-black: rgb(0, 0, 0);
  --color-text: rgb(72, 72, 72); // #484848;

  --bg-accent-color: #f9d8e5;
  --text-accent-color: #ae2a5e;

  /* Font sizes */
  /* TODO: Show alternatives to this tiny tiny size */
  --font-size-h1: 30px;
  --font-size-h2: 25px;
  --font-size-h3: 18px;
  --font-size-h4: 18px;
  --font-size-h5: 12px;

  --font-size-xxl: 22px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size: 14px;
  --font-size-sm: 13px;
  --font-size-xs: 12px;
  --font-size-xxs: 10px;
}

body {
  color: var(--color-text);
  font-size: var(--font-size);
  font-family: Lato, sans-serif;
  user-select: none;
}

img,
svg {
  pointer-events: none;
}

a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: inherit;
}

a:focus,
a:hover {
  text-decoration: none;
}

a:focus {
  outline-color: var(--text-accent-color);
}

a:not([class]) {
  outline-offset: 0.25rem;
}

.logo {
  font-size: var(--font-size-h1);
  font-weight: 400;
  letter-spacing: 6px;
  color: var(--color-black);
  display: table-cell;
  vertical-align: bottom;
  height: 124px;
  transition: all 0.4s;
}

@media (prefers-reduced-motion) {
  .logo {
    -webkit-transition: none;
    transition: none;
  }
}

hr {
  margin-top: 10px;
}

h2,
h3 {
  font-size: var(--font-size-h2);
  margin-top: 0px;
}

h2 {
  margin-bottom: 6px;
  font-weight: 300;
}

h3 {
  font-size: var(--font-size-h3);
}

h5 {
  font-size: var(--font-size-h5);
  text-decoration: underline;
}

/* NAVIGATION */
.navbar-nav {
  margin-top: 20px;
  padding-bottom: 0;
}

.navbar-nav > li > a {
  padding-bottom: 0;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
  background-color: transparent;
}

.navbar-toggle {
  margin-top: 15px;
  border: 2px solid #585858;
  border-radius: 0;
}

.icon-bar {
  background-color: var(--text-accent-color);
}

.navbar-header {
  /*width: 40%;*/
}

.nav-btn {
  color: var(--text-accent-color);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  min-width: 71px;
  height: 110px;
  border: none;
  text-align: left;
  /* text-transform: uppercase; */
  vertical-align: bottom;
  padding-bottom: 14px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

@media (prefers-reduced-motion) {
  .nav-btn {
    -webkit-transition: color 0.9s, background-color 0.9s;
    transition: color 0.9s, background-color 0.9s;
  }
}

.nav > li > a {
  display: table-cell;
  padding-left: 0;
  padding-right: 32px;
}

.nav > li:last-child > a {
  padding-right: 0;
}

.dropdown-menu {
  -webkit-box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.075);
  box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.075);
}

.dropdown-menu > li {
  border-top: 1px solid #fff;
  position: relative;
}

.dropdown-menu > li:first-child {
  border-top: none;
}

.dropdown-menu > li > a {
  padding: 3px 0px;
  font-size: var(--font-size-xs);
  color: inherit;
}

.dropdown-menu > li > a:hover {
  background-color: transparent;
}

.dropdown:hover .dropdown-menu {
  display: block;
  min-width: 100px;
  width: auto;
  right: auto;
  left: 3px;
  border-radius: 0;
  border: 0;
  border-top: 4px solid #fff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu .dropdown-menu.sub-menu {
  left: 90px !important;
  position: absolute;
  top: -2px;
  visibility: hidden;
  border-left: 6px solid transparent !important;
  border-top: 0px !important;
  width: auto !important;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.navbar-brand {
  padding-top: 0;
}

.navbar-brand > img {
  margin-left: -7px;
}
.alt-nav .navbar-header {
  float: right;
}
.alt-nav .navbar-brand {
  margin-right: -15px;
  margin-left: 0;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  font-size: var(--font-size);
  float: right;
  clear: right;
}

.breadcrumb .title a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: var(--font-size-xxl);
}

.breadcrumb .title-lower {
  text-transform: lowercase;
  text-decoration: none;
  font-size: var(--font-size-xxl);
}
.breadcrumb > .active,
.breadcrumb a {
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--text-accent-color);
}

.breadcrumb li {
  text-transform: lowercase;
}
.breadcrumb-main li:first-child {
  text-transform: uppercase;
  font-size: var(--font-size-xl);
}

.btn-default {
  transition: background-color 0.3s;
}

.featured {
  text-decoration: none;
}
.featured-italic {
  font-style: oblique;
}

.main-content,
.aside-content,
.main-content-stage {
  background-color: var(--color-neutral-10);
  padding: 15px 15px 20px;
  overflow: hidden;
  font-size: var(--font-size-xs);
}

.main-content ul,
.aside-content ul.bulleted-list {
  padding-left: 13px;
  list-style-type: square;
}

.main-content a,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.aside-content a,
.aside-content h1,
.aside-content h2,
.aside-content h3,
.aside-content h4 {
  color: var(--text-accent-color);
}

.main-content figure {
  margin-top: 3px;
}

.main-content-media {
  text-align: center;
  background-color: #aaaaaa;
  padding: 15px 15px 20px;
  color: #777777;
}

.main-content-media img {
  margin: 5px 5px 5px 5px;
}

.aside-content {
  margin-top: 5px;
}

.aside-content h4 {
  margin-top: 0;
}

.aside-content img {
  border: 1px solid #021a40;
  margin-right: 2px;
  margin-bottom: 7px;
  margin-left: 2px;
}

.aside-content ul {
  list-style: none;
  padding-left: 0;
}

.footer-nav {
  border-top-width: 11px;
  border-top-style: solid;
  font-size: var(--font-size-xxs);
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
  margin-top: 20px;
}

/* Pagination */

.pagination-container {
  font-size: var(--font-size);
  text-transform: lowercase;
}

.pagination-container a {
  margin: 0 5px;
  border: 2px solid #a69fcb;
  padding: 2px 7px 3px;
  transition: background-color 0.3s;
  color: #a69fcb;
}

.pagination-container a:hover {
  background-color: #a69fcb;
  color: #fff;
}

.pagination-container a.active {
  background-color: #a69fcb;
  color: #fff;
}

.pagination-page-count {
  float: right;
  clear: both;
  margin-top: 5px;
  /*font-style: italic;*/
}

/* Home Page */

.main-content,
.main-content-stage {
  text-align: center;
}
.main-content img,
.main-content-stage img {
  margin-left: auto;
  margin-right: auto;
}
.caption {
  display: block;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btn-default:hover,
.aside-content .btn-default:hover {
  color: #ffffff !important;
}

.inner-col-title-box {
  border-right: 10px solid transparent;
  padding-right: 0;
  padding-left: 0;
}

.inner-col-title-box .vertical-bar {
  display: inline-block;
  width: 0.5%;
  vertical-align: middle;
}

.inner-col-title {
  display: inline-block;
  vertical-align: middle;
  width: 96%;
  text-align: center;
  font-size: var(--font-size-xs);
  font-weight: 400px;
}

.inner-col-content-box {
  padding-top: 15px;
  padding-bottom: 10px;
  border-right: 15px solid transparent;
}

.segment-color-links {
  margin-top: 5px;
}

.page-col {
  transition: height 0.3s;
}

.vertical-center-outer:before {
  content: " ";
  width: 0.5%;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.vertical-center {
  vertical-align: middle;
  display: inline-block;
  width: 95%;
}

/* Video Player */

.vjs-default-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  border: 0.06666em solid #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -1em;
  margin-top: -1em;
}

/* Form elements */

.field-danger input,
.field-danger textarea {
  border: 1px dashed #a94442;
}

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px var(--bg-accent-color),
    0 0 8px var(--bg-accent-color);
  box-shadow: inset 0 1px 1px var(--bg-accent-color),
    0 0 8px var(--bg-accent-color);
  outline: none;
}

.btn-success {
  border-color: var(--bg-accent-color);
  background-color: var(--bg-accent-color);
  color: var(--text-accent-color);
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.btn-success:hover,
.btn-success:focus {
  border-color: var(--text-accent-color);
  background-color: var(--text-accent-color);
  color: #fff;
  outline: none;
}

form .btn {
  text-transform: uppercase;
}

/* Fancybox Overlay Customization */

.fancybox-bg {
  background: var(--color-neutral-10);
}

.fancybox-container--ready .fancybox-bg {
  /*opacity: 0.97;*/
  opacity: 1;
}

.fancybox-infobar__body {
  font-size: 16px;
  color: #d2cfcf;
  font-family: inherit;
  line-height: 60px;
  /*font-weight: bold;*/
  width: 90px;
}

.fancybox-content {
  font-family: Lato, sans-serif;
}

.fancybox-slide--video .fancybox-content {
  width: 800px;
  max-height: 450px;
  max-width: 80%;
}

.fancybox-button {
  width: 60px;
  height: 60px;
  color: #d2cfcf;
  transition: all 0.2s;
}

@media (prefers-reduced-motion) {
  .fancybox-button {
    transition: none;
  }
}

.fancybox-button::after,
.fancybox-button::before {
  /*opacity: 1;*/
}

.fancybox-button--left::after,
.fancybox-button--right::after {
  width: 20px;
  height: 20px;
  border-top-width: 3px;
  border-right-width: 3px;
  top: 21px;
}

.fancybox-button--left {
  border-bottom-left-radius: 0;
}

.fancybox-button--right {
  border-bottom-right-radius: 0;
}

.fancybox-button--left::after {
  left: 25px;
}

.fancybox-button--right::after {
  right: 25px;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button,
.fancybox-infobar__body {
  background: transparent;
}

.fancybox-button--close::after,
.fancybox-button--close::before {
  width: 38px;
  height: 3px;
  top: calc(50% - 2px);
  left: calc(50% - 18px);
}

.fancybox-button--fullscreen::before {
  width: 36px;
  height: 28px;
  left: 12px;
  border: 3px solid;
}

.fancybox-caption-wrap {
  background: linear-gradient(
    180deg,
    transparent 0,
    rgba(255, 255, 255, 0.1) 20%,
    rgba(255, 255, 255, 0.2) 40%,
    rgba(255, 255, 255, 0.6) 80%,
    rgba(255, 255, 255, 0.8)
  );
  /*position: relative;*/
}

.fancybox-caption {
  font-size: 16px;
  color: #5c5a5a;
  border-top: none;
  text-align: center;
}

.fancybox-image {
  position: static;
}

.fancybox-placeholder {
  text-align: center;
}

.fancybox-slide > * {
  background-color: transparent;
}

.fancybox-iframe {
  margin: 0 auto;
  /*width: 95%;
  height: 95%;*/
  background: transparent;
}

.slick-slide img {
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.slick-prev::before,
.slick-next::before {
  color: #d2cfcf;
}

.slick-prev {
  left: 5px;
  z-index: 10000;
}

.slick-next {
  right: 5px;
}

.slick-dotted.slick-slider {
  margin-top: 10px;
  margin-bottom: 15px;
}

.slick-dots {
  position: relative;
  display: inline-block;
  width: 70%;
  bottom: 0;
  /*margin: 0 0 0 -35%;*/
}

.navigation-dots {
  overflow: hidden;
}

.navigation-totals {
  display: none;
  text-align: right;
  color: #d2cfcf;
}

.slider-container {
  position: absolute;
  top: 40%;
  margin-top: 0;
}

/* Biography Timeline */

.bio-timeline .timeline-container {
  width: 20%;
  float: left;
}

.bio-timeline .timeline-inner {
  text-align: left;
  border-right: 2px solid #fff;
  font-size: var(--font-size-xs);
  padding-left: 15px;
  padding-right: 15px;
}

.bio-timeline .timeline-container:first-child .timeline-inner {
  padding-left: 0 !important;
}

.bio-timeline .timeline-container:last-child .timeline-inner {
  border-right: none;
  padding-right: 0 !important;
}

.bio-timeline .timeline-inner img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
}

.bio-timeline-nav {
  height: 22px;
  overflow: hidden;
}

.bio-timeline-nav .slick-active {
  cursor: pointer;
  font-size: var(--font-size-xs);
  line-height: 1.6;
}

.bio-timeline-nav .slick-active:hover {
  font-weight: bold;
}

.bio-timeline-nav .slick-active:active,
.bio-timeline-nav .slick-active:focus {
  outline: none;
}

.bio-timeline-nav .slick-current {
  font-weight: bold;
  color: #a69fcb;
}

.bio-timeline-nav .slick-prev,
.bio-timeline-nav .slick-next {
  opacity: 0.98;
  top: 10px;
}

.bio-timeline .slick-prev,
.bio-timeline .slick-next {
  opacity: 0.98;
  top: 33%;
}

.bio-timeline-nav .slick-prev,
.bio-timeline .slick-prev {
  left: 1px;
}

.bio-timeline .slick-next,
.bio-timeline-nav .slick-next {
  right: 2px;
}

.bio-timeline-nav2,
.bio-timeline-nav3 {
  display: none;
}

.bio-timeline-nav .slick-prev::before,
.bio-timeline-nav .slick-next::before,
.bio-timeline .slick-prev::before,
.bio-timeline .slick-next::before {
  font-size: 23px;
}

/* Centered Grid */

.centered-grid {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  overflow: hidden;
  margin-top: 12px;
}

.centered-grid .image-group {
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 22px;
  display: block;
  /*float: left;*/
  display: inline-block;
  outline: none;
}

.centered-grid .image-group img {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

.posters-layout.centered-grid {
  max-width: 1065px;
  font-size: 18px;
}

.posters-layout.centered-grid img {
  margin: 2.5px 10px 14.5px;
  border: 1px solid #ddd;
}

/* Information Content */
.information-content .aside-content a:hover {
  font-weight: bold;
}

.bodyresources .information-content h2,
.information-content h2 {
  text-transform: uppercase;
  border-bottom: 5px solid;
  display: inline-block;
  padding-right: 60px;
}

.information-content h3 {
  float: left;
  width: 75px;
  display: inline-block;
  clear: left;
  font-size: var(--font-size);
  line-height: 1.5;
  /* font-weight: bold;  */
}

.pagination-list {
  margin-top: 20px;
  margin-bottom: 50px;
  list-style: none;
}

.pagination-list li {
  display: inline-block;
  margin-right: 30px;
}

.pagination-list li:last-child {
  margin-right: 0;
}

.information-list {
  margin-left: 75px;
  margin-bottom: 25px;
}

/* BIBLIOGRAPHY SECTION */

.information-list li,
.list-title {
  margin-bottom: 10px;
  list-style: none;
  list-style-position: inside;
}

.information-list2 {
  margin-left: 75px;
  margin-bottom: 5px;
  width: 130%;
}

.information-list2 ul {
  margin-left: 75px;
  margin-bottom: 3px;
}

.information-list2 li,
.list-title {
  margin-bottom: 8px;
  list-style: none;
  list-style-position: inside;
}

/* Works :: Stage Design */
.main-content-stage-outer {
  padding: 15px;
}

.main-content-stage {
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-content-stage img {
  border: 1px solid #021a40;
}

.main-content-stage figure {
  margin-top: 3px;
}

/* Change the colors of the secion elements */
.dropdown-menu {
  background-color: var(--bg-accent-color);
  color: var(--text-accent-color);
}

.logo-first,
.footer-nav,
.breadcrumb-main li:first-child,
.breadcrumb-main li:first-child a {
  border-top-color: var(--text-accent-color);
  color: var(--text-accent-color);
}

/* Press section */
.bodypress,
.press-btn {
  --bg-accent-color: var(--color-blue-light);
  --text-accent-color: var(--color-blue);
}

/* Current section */
.bodycurrent,
.current-btn {
  --bg-accent-color: var(--color-blue-light);
  --text-accent-color: var(--color-blue);
}

.bodycurrent .main-content {
  padding-bottom: 0;
}

.bodycurrent .inner-col2 li {
  padding-bottom: 8px;
  padding-left: 2px;
}

.bodycurrent .inner-col2 a {
  color: #777777;
}

.bodycurrent .inner-col2 a:hover {
  color: #6b92ec;
}

/* Dynamic color utililty classes */
.bg-accent-color {
  background-color: var(--bg-accent-color);
}

.text-accent-color {
  color: var(--text-accent-color);
}

/* Change background color based on section */

/* Works section */
.bodyworks,
.works-btn {
  --bg-accent-color: var(--color-red-light);
  --text-accent-color: var(--color-red);
}

/* Exhibitions section */
.bodyexhibitions,
.exhibits-btn {
  --bg-accent-color: var(--color-teal-light);
  --text-accent-color: var(--color-teal);
}

.bodyexhibitions h3 {
  font-weight: bold;
  font-size: inherit;
}

/* Media section */
.bodymedia,
.media-btn {
  --bg-accent-color: var(--color-purple-light);
  --text-accent-color: var(--color-purple);
}

/* Shop section */
.bodyshop,
.shop-btn {
  --bg-accent-color: var(--color-blue-light);
  --text-accent-color: var(--color-blue);
}

/* Resources section */
.bodyresources,
.resources-btn {
  --bg-accent-color: var(--color-green-light);
  --text-accent-color: var(--color-green);
}

/* Contact section */
.bodycontact,
.contact-btn {
  --bg-accent-color: var(--color-purple-light);
  --text-accent-color: var(--color-purple);
}

/* Responsive */

@media screen and (min-width: 992px) {
  .col-stage-lg {
    width: 60%;
  }
  .col-stage-sm {
    width: 40%;
  }
  .col-stage-sm a {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0;
  }
  .aside-content {
    margin-left: -15px;
    padding-left: 15px;
    margin-top: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .logo {
    height: 45px;
  }

  .navbar-nav {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-btn {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
    border-left: 0px;
    border-bottom: 4px solid var(--text-accent-color);
    text-align: left;
    font-family: Lato, sans-serif;
  }

  a.nav-btn {
    color: var(--text-accent-color);
  }

  .nav > li > a {
    display: block;
  }

  .navbar-brand {
    width: 75%;
  }

  .navbar-header {
    width: auto;
  }

  .dropdown:hover .dropdown-menu {
    position: relative;
    width: 100%;
    left: 0px;
    border-top: none;
    margin-top: 0;
    border-bottom: 4px solid #fff;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 15px;
    padding-right: 15px;
  }

  .dropdown-menu .dropdown-menu.sub-menu {
    left: 0 !important;
    position: relative !important;
    top: 0;
    visibility: visible;
    border-left: none;
    border-bottom: none;
    border-top: none;
    padding-bottom: 3px;
  }

  .dropdown-menu > li > a {
    padding: 5px 0px;
    font-size: var(--font-size);
    /*text-shadow: 0px 1px 0px #6c6b6b;*/
  }

  .dropdown-menu .dropdown-menu.sub-menu > li {
    border-top: none !important;
  }

  .dropdown-menu .dropdown-menu > li > a {
    padding: 2px 0px;
  }

  .alt-nav .navbar-header {
    float: none;
  }
  .alt-nav .navbar-brand {
    margin-right: 0;
  }

  .breadcrumb {
    float: none;
  }

  .breadcrumb > li::after {
    padding: 0 1px 0 6px;
    content: "/\00a0";
  }

  .breadcrumb > li + li::before,
  .breadcrumb > li:last-child::after {
    padding: 0;
    content: "";
  }

  .inner-col-content-box {
    border-right: none;
  }

  .navigation-totals {
    display: block;
  }

  .slick-dots {
    display: none;
  }

  .image-column {
    text-align: left;
  }

  .image-column img {
    display: inline-block;
  }

  .vertical-center {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 0px;
    width: 100%;
  }

  .vertical-center-outer:before {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .nav > li > a {
    padding-right: 18px;
  }

  .nav-btn {
    min-width: auto;
  }

  .bio-timeline .timeline-container {
    width: 33.3%;
  }

  .bio-timeline-nav1,
  .bio-timeline-nav3 {
    display: none;
  }

  .bio-timeline-nav2 {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  /* == Timeline == */

  .bio-timeline .timeline-container {
    width: 100%;
  }

  .bio-timeline-nav1,
  .bio-timeline-nav2 {
    display: none;
  }

  .bio-timeline-nav3 {
    display: block;
  }

  .bio-timeline-nav .slick-prev,
  .bio-timeline .slick-prev,
  .bio-timeline-nav .slick-next,
  .bio-timeline .slick-next {
    top: -24px;
  }

  .bio-timeline-nav .slick-prev {
    left: -25px;
  }

  .bio-timeline-nav .slick-next {
    right: -20px;
  }

  .bio-timeline .slick-prev {
    left: -7px;
  }

  .bio-timeline .slick-next {
    right: -4px;
  }
}

@media screen and (max-width: 425px) {
  .logo {
    font-size: 20px;
  }

  .fancybox-container--ready .fancybox-bg {
    opacity: 0.986;
  }

  .fancybox-image {
    max-width: 90%;
    max-height: 90%;
  }

  .slick-prev,
  .slick-next {
    display: none !important;
  }

  .slick-dots {
    width: 100%;
  }

  /* == Timeline == */

  .bio-timeline-nav .slick-prev,
  .bio-timeline .slick-prev,
  .bio-timeline-nav .slick-next,
  .bio-timeline .slick-next {
    display: block !important;
  }

  /*.bio-timeline-nav .slick-prev, .bio-timeline .slick-prev {
        left: -15px;
    } 
    
    .bio-timeline-nav .slick-next, .bio-timeline .slick-next {
        right: -15px;
    } */

  /* Information Content */

  .information-content h3 {
    float: none;
    width: auto;
    font-weight: bold;
  }

  .information-list {
    margin-left: 0;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 359px) {
  .aside-content img {
    width: 70px;
    height: 70px;
  }
}