/* Osnovne prilagoditve */

  /* Medijske poizvedbe za mobilne naprave */
  /* Prilagoditve samo za mobilne naprave */
@media screen and (max-width: 768px) {
    .headerClass {
      flex-direction: column;
      height: auto;
      padding: 15px;
    }
  
    .titleSpan {
      font-size: 16pt;
      text-align: center;
      margin-bottom: 10px;
    }
  
    .menuClass {
      font-size: 14pt;
      flex-direction: column;
    }
  
    .menuPopupClass {
      position: relative;
    }
  
    .burgerClass {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 32px;
      height: 32px;
      background-image: url(../images/burger.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 100;
    }
  
    .burgerClass:hover {
      background-image: url(../images/burgerhover.png);
    }
  
    .contentClass {
      font-size: 14pt;
      padding: 10px;
    }
  
    .footerClass {
      font-size: 12pt;
      text-align: left; /* Poravnava "All rights reserved" na levo */
      padding: 10px;
    }
  }