/*
      *
      * ==========================================
      * CUSTOM UTIL CLASSES
      * ==========================================
      *
      */

      body {
        min-height: 100vh;
      }

      .login, 
      .image {
        /* min-height: 100vh; */
      }

      main {
        max-width: 1024px;
        max-height: 1024px;
        margin: 0 auto;
      }

      .quoteMe {
        padding: 1em;
        background: rgba(255,255,255,0.5);
        border-radius: 1em 0;
      }

      .bg-image {
        background-color: transparent;
        background-image: url('./img/kinoside.gif');
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: cover;
        /* background-position: center center; */
        background-position: left center;
      }

      .container {
        box-shadow: black 2em;
        margin: 0;
      }

      .kino {
        float:right;
        margin-right: 5em;
      }
      
      .jelousy {
        /* border-left: 10px double #303146; */
        border-radius: 100em; 
        /* 0 0 15em; */
        max-height: 960px;
        max-width: 960px;
      }

      .flock {
        background: #fff url('./img/flock-lite.gif') bottom right;
        background-attachment: fixed;
      }

      footer {
        display:block;
        /* background: #d6dfe8; */
        /* position: fixed; */
        width: 100%;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        padding: 0.5em;
        text-align: center;
      }

      h6 { font-size: 1em; background: #fff; padding: 10px;}

      .vertical-menu {
        min-height: 75vh;
        width: 75%; /* Set a width if you like */
        /* margin-left: 5em; */
        vertical-align: center;
        list-style-type: none;
      }

      .vertical-menu li {
        display: block;
        height: 15%;
      }

      .vertical-menu li:first-child, .vertical-menu li:last-child {
        margin-left: 9em;
        background-position: contain;
      }

      .vertical-menu li:nth-child(2), .vertical-menu li:nth-child(6) {
        margin-left: 7em;
        background-position: contain;
      }

      .vertical-menu li:nth-child(3), .vertical-menu li:nth-child(5) {
        margin-left: 5em;
        background-position: contain;
      }

      .vertical-menu li:nth-child(4) {
        margin-left: 3em;
        background-position: contain;
      }


      .vertical-menu li:nth-child(1) {
        background: url('./img/bird5.gif') no-repeat center right;
      }

      .vertical-menu li:nth-child(2) {
        background: url('./img/bird2.gif') no-repeat center center;
      }

      .vertical-menu li:nth-child(3) {
        background: url('./img/bird3.gif') no-repeat center left;
      }

      .vertical-menu li:nth-child(5) {
        background: url('./img/bird4.gif') no-repeat center left;
      }

      .vertical-menu li:nth-child(6) {
        background: url('./img/bird5.gif') no-repeat center center;
      }

      .vertical-menu li:nth-child(7) {
        background: url('./img/bird6.gif') no-repeat center right;
      }

      .vertical-menu a {
        font: 2em "Kurale", serif;
        color: #4b4c60; /* Black text color */
        font-weight: bolder;
        /* -webkit-text-stroke-width: 3px;
        -webkit-text-stroke-color: #000; */
        display: block;
        padding: 0.5em;
        text-decoration: none; 
        transition: margin 0.5s ease-in-out;
      }

      .vertical-menu a:hover {
        margin-left:-2em;
       
      }

      .vertical-menu a.active {
        color: white;
      }