@media only screen and (max-width: 2000px) {

  :root {
    /* colors */
    --mainColor: #EEEEEE;
    /* verry light grey */
    --secColor: #1E2326;
    /* dark grey */
    --aColor1: #D27226;
    /* orange */
    --aColor2: #D22683;
    /* purple */
    --aColor3: #D24E51;
    /* red ish */
    --grad1: linear-gradient(90deg, rgba(210, 114, 38, 1) 0%, rgba(210, 38, 131, 1) 100%);
    /* orange > purple */
    /* movement */
    --trans1: 0.3s 0s ease;
    --trans2: 1s 0s ease;
    --trans3: 5s 0s ease;
    /* font size */
    --fSize1: 1rem;
    --fSize1half: 1.5rem;
    --fSize2: 1.75rem;
    --fSize3: 2.5rem;
    /* padding */
    --contPad: 20px;
    /* container ofset */
    --ofsetPos: translate(2px, 2px);
    --ofsetNeg: translate(-4px, -4px);
    --ofsetPos2: translate(2px, 2px);
    --ofsetNeg2: translate(-2px, -2px);
    /* background shadow */
    --shadow1: rgba(0, 0, 0, 0.44) 0px 3px 8px;

    /*gallery subitem width */
    --width: -440px;
  }

  p, a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: var(--fSize1half);
    font-family: Function_Regular;
    color: var(--secColor);
    transition: var(--trans1);
  }

  h1 {
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: var(--fSize3);
    font-family: Function_Regular;
    color: var(--secColor);
    transition: var(--trans1);
    font-weight: bold;
  }

  h2 {
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: var(--fSize2);
    font-family: Function_Regular;
    color: var(--secColor);
    transition: var(--trans1);
    font-weight: bold;
  }


  .gallery-item-container {
    margin: calc(4 * var(--contPad));
    height: calc(100vh - (var(--contPad) * 8));
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
  }

}