/* TYPOGRAPHY */
/* LAYOUT */
#mainContent {
  /* UTILITY */ }
  #mainContent * {
    font-family: 'HelveticaNeue LT 53 Ex';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
    font-family: 'HelveticaNeue LT 53 Ex'; }
  #mainContent .fal, #mainContent fa, #mainContent .far {
    font-family: "Font Awesome 5 Pro" !important; }

.bolderText {
  font-weight: 900 !important; }

.boldText {
  font-weight: bold !important; }

.normalText {
  font-weight: 400 !important; }

.thinText {
  font-weight: 400 !important; }

#mainContent {
  grid-template-rows: auto auto auto 1fr auto auto auto;
  height: 100%;
  position: relative;
  z-index: 1;
  margin: 0 auto; }
  #mainContent #headerContent {
    width: 100%;
    max-width: 90vw;
    margin: 0 auto; }
  #mainContent #footerContent {
    width: 100%;
    max-width: 90vw;
    margin: 0 auto; }
  #mainContent #contentContainer {
    width: 100%;
    max-width: 90vw;
    margin: 0 auto;
    padding-bottom: 50px; }
  #mainContent #mobileMenu {
    width: 100%;
    max-width: 90vw;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center; }
  @media (min-width: 961px) and (max-width: 1299px) {
  #mainContent #headerContent {
    max-width: 85vw;
    margin: 0 auto; }
    #mainContent #footerContent {
      max-width: 85vw;
      margin: 0 auto; }

    #mainContent #contentContainer {
      max-width: 85vw;
      margin: 0 auto; } }
  @media (max-width: 960px) {
  #mainContent #headerContent {
    max-width: calc(100% - 20px);
    margin: 0 20px; }
    #mainContent #footerContent {
      max-width: 100%;
      margin: 0 0px;
      text-align: center; }

    #mainContent #contentContainer {
      max-width: calc(100% - 40px);
      margin: 0 20px; } }

.header-spacer {
  height: 155px; }

#content {
  width: 50%;
  max-width: 800px;
  margin: 0 auto;
  /* HEADER */ }
  @media (max-width: 960px) {
  #content {
    width: 80%; } }

#headerContent {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  /* MAIN MENU */ }
  #headerContent > div {
    height: 100%; }

#menuContainer {
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0px;
  bottom: 0px;
  top: 0px;
  width: 80px;
  z-index: 1000; }
  @media (max-width: 960px) {
  #menuContainer {
    height: 155px; } }

#closeMobileMenuButton {
  display: none !important;
  /* LOGO */ }

#logoContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* MENU */ }
  #logoContainer #logoImage {
    width: 270px; }

#menu {
  /* MOBILE */ }
  #menu .menu-item a {
    font-weight: 400 !important;
    transition: 0.2s all;
    color: #303030;
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding: 0 20px !important; }
    #menu .menu-item a:after {
      transition: 0.2s all;
      content: '';
      left: 50%;
      right: 50%;
      height: 2px;
      bottom: -5px;
      background-color: #c6c6c6;
      position: absolute; }
    #menu .menu-item.current-menu-item a::after, #menu .menu-item:hover a::after {
      left: calc(20px + 3%);
      right: calc(20px + 3%); }

@media (min-width: 961px) and (max-width: 1299px) {
 }

@media (min-width: 90vw) {
 }

@media (max-width: 960px) {
  #menuContainer {
    display: flex !important;
    align-items: center;
    justify-content: center !important; } }

#openMobileMenuButton i {
  font-size: 30px;
  color: #303030; }

#mobileMenuContainer {
  transition: 0.2s all;
  pointer-events: none;
  opacity: 0;
  left: 0; }
  #mobileMenuContainer:after {
    content: '';
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; }
  #mobileMenuContainer #closeMobileMenuButton i {
    font-size: 40px;
    color: #303030;
    position: absolute;
    right: 20px;
    top: 20px; }
  #mobileMenuContainer #mobileMenuContent {
    height: 100vh;
    width: 100vw;
    width: 100% !important;
    height: 100% !important;
    padding: 20px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #fff;
    z-index: 1000;
    display: flex;
    align-items: center;
    position: fixed;
    /*when closed*/
    transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) all;
    /* RESPONSIVE */
    left: 0; }
    #mobileMenuContainer #mobileMenuContent #mobileMenuLogo {
      width: 80%;
      height: auto; }
    #mobileMenuContainer #mobileMenuContent #mobileMenu li.current-menu-item a {
      color: #c6c6c6; }
      #mobileMenuContainer #mobileMenuContent #mobileMenu li a {
        text-align: left;
        justify-content: flex-start;
        color: #303030;
        padding: 5px 0px;
        font-size: 50px; }
        @media (max-width: 960px) {
    #mobileMenuContainer #mobileMenuContent #mobileMenu li a {
      font-size: 30px;
      padding-left: 0px; } }
        @media (min-width: 961px) and (max-width: 1299px) {
    #mobileMenuContainer #mobileMenuContent #mobileMenu li a {
      padding-left: 30px;
      font-size: 40px; } }
  #mobileMenuContainer.open {
    opacity: 1;
    pointer-events: all; }
    #mobileMenuContainer.open #mobileMenuContent {
      left: 0px; }

#CopyrightInformation {
  text-align: center !important;
  width: 100% !important; }

#CopyrightInformation {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
  padding: 10px; }

#footerContent, #footerExtra {
  width: 100% !important;
  margin: 0 auto !important; }

.ps_photo_view {
  columns: 3;
  column-gap: 1rem;
  width: 100%; }
  @media (max-width: 960px) {
  .ps_photo_view {
    columns: 2; } }
  .ps_photo_view .photo_item_holder.longer {
    column-span: all; }
  .ps_photo_view .photo_item_holder {
    display: inline-block;
    padding: 0px 0px 10px; }
    .ps_photo_view .photo_item_holder img {
      width: 100%;
      height: auto; }

.titleHolder {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center;
  text-transform: uppercase; }
  .titleHolder h1 {
    font-size: 22px;
    color: #c6c6c6 !important;
    letter-spacing: 10px; }