body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.layout {
  flex: 1;
}

.no-overflow {
  overflow: hidden;
}

.has-small-shadow {
  box-shadow: 2px 2px 10px #302d2d;
}

.rounded-corners {
  border-radius: 10px;
}

.light-footer {
  background-color: rgb(244, 240, 240);
}

.columns {
  max-width: 100% !important;
  margin-left: 0 !important;
}

/** Highlight */

.has-highlight-background {
  background-image: url('../res/header-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.is-narrow {
  width: min(1024px, 100%);
}

pre.code {
  white-space: break-spaces;
}

a {
  word-wrap:break-word;
}

.display-desktop {
  display: block;
}

.display-mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .display-mobile {
    display: block;
  }

  .display-desktop {
    display: none;
  }

  .has-small-mobile-padding {
    padding: 1.25rem !important;
  }
}