@media only screen and (max-width: 767px) {
  .show-on-mobile {
    display: block; }
  .show-on-tablet,
  .show-on-desktop {
    display: none; }
  .hide-on-mobile {
    display: none; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .show-on-tablet {
    display: block; }
  .show-on-mobile,
  .show-on-desktop {
    display: none; }
  .hide-on-tablet {
    display: none; } }

@media only screen and (min-width: 1025px) {
  .show-on-desktop {
    display: block; }
  .show-on-mobile,
  .show-on-tablet {
    display: none; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px; } }

.content a {
  color: #194052; }

.content .text {
  padding: 0 1em;
  text-align: center;
  font-size: 1.2em; }

.content .picture-container {
  display: flex;
  flex-direction: row; }

.content .content-with-sidebar {
  display: grid;
  grid-template-columns: 70% 30%;
  grid-column-gap: 10px; }
  .content .content-with-sidebar .sidebar .blog-sidebar {
    background: #e7e5db;
    padding: 0 0.6em;
    border: 10px solid #f6f5ee; }
    .content .content-with-sidebar .sidebar .blog-sidebar a {
      text-decoration: none;
      color: #333; }
    .content .content-with-sidebar .sidebar .blog-sidebar .blog-sidebar-item {
      font-size: 0.8em;
      display: grid;
      grid-template-columns: auto 1fr;
      grid-column-gap: 8px;
      padding-bottom: 24px;
      border-bottom: 1px solid #f6f5ee;
      margin-bottom: 24px; }
      .content .content-with-sidebar .sidebar .blog-sidebar .blog-sidebar-item h1 {
        font-size: 1em;
        margin: 0;
        padding: 0 0 5px 0; }

@media only screen and (max-width: 767px) {
  .content .content-with-sidebar {
    display: block; } }

.page-content {
  max-width: 960px;
  margin: 0 auto; }
  .page-content .registration-link {
    color: #194052;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0.5em 0;
    display: inline-block;
    padding: 0.5em;
    border: 2px solid #194052; }
  .page-content .event-item-container {
    margin-bottom: 1.5em; }
  .page-content .event-item {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    border-bottom: 1px solid #c3b04f;
    padding-bottom: 1em;
    margin-bottom: 1em; }
    .page-content .event-item ul {
      margin: 0;
      padding: 0 0 0 2em; }
      .page-content .event-item ul li,
      .page-content .event-item ul h3 {
        margin: 0;
        padding: 0; }
    .page-content .event-item .time {
      margin: 0 2em 0 0;
      min-width: 100px;
      font-size: 1.2em; }
    .page-content .event-item h2 {
      margin: 0;
      font-size: 1.2em;
      font-weight: 700; }