/**
 * CUSTOM CSS
 *
 * Here you can add your custom CSS code.
 */

 nav {
    font-size: 16px;
    margin: 0.5em 0;
    font-weight: 100;
  }


  .sscentered{
     text-align: center;
 }

  .sscentered a{
     padding: 10px 12px;
     border-radius: 3px;
     font-size: 20px;
     color: white;
     display: inline-block;
     margin-bottom: 10px;
 }

 .sscentered a:hover{
     opacity: 0.8;
 }

.c-social-svg {
  display: block;
}

.c-avatar__img {
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .c-header__header,
  .c-header__content { height: auto; min-height: 0; }
  .c-header__inner-content { justify-content: flex-start; padding: 0; }
  .c-header__contact,
  .c-header__social-buttons { position: static; }
  .c-header__social-buttons { justify-content: center; margin-top: 1rem; }
  .c-header__contact { margin-top: 1rem; }
  .c-header__brand { margin-bottom: 0.5rem; }
  .o-section--header .o-section__header { padding: 1.75rem 1.75rem 0; }
  .o-section--header .o-section__content { padding: 1.75rem 1.75rem 1.5rem; }
  .c-header__avatar { margin-top: 0 !important; }
  .c-header__top { margin-bottom: 0.75rem; }
  .c-header__contact-divider { margin-bottom: 0.75rem; }
}
@media (min-width: 1200px) {
  .o-section--header .o-section__header { padding: 2rem 2.5rem 0; }
  .o-section--header .o-section__content { padding: 2rem 2.5rem 1.5rem; }
}