/* --------------------------------------------------
   RESPONSYWNE KONTENERY: osobne zasady dla .outer-section i .menu
-------------------------------------------------- */

/* === OUTER-SECTION === */
.outer-section {
  width: clamp(360px, 80vw, 2400px) !important;
    padding: 25px !important;

}
@media (max-width: 1920px) {
  .outer-section {
    width: clamp(360px, 80vw, 1440px) !important;
    padding: 25px !important;

  }
}
@media (max-width: 1366px) {
  .outer-section {
    width: clamp(360px, 80vw, 1140px) !important;
    padding: 25px !important;

  }
}
@media (max-width: 768px) {
  .outer-section {
    width: clamp(360px, 90vw, 768px) !important;
    padding: 25px !important;

  }
}
@media (max-width: 480px) {
  .outer-section {
    width: clamp(360px, 94vw, 480px) !important;
    padding: 25px !important;

  }
}
@media (max-width: 360px) {
  .outer-section {
    width: clamp(360px, 96vw, 360px) !important;
    padding: 25px !important;


  }
}

/* === MENU === */
.menu {
  width: clamp(360px, 80vw, 2400px) !important;
  height: auto !important;
  min-height: auto !important;
  margin-top: 25px;
  margin-bottom: 50px;
  padding-top:  10px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
@media (max-width: 1920px) {
  .menu {
    width: clamp(360px, 80vw, 1440px) !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 25px;
    margin-bottom: 50px;
	padding-top:  10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}
@media (max-width: 1366px) {
  .menu {
    width: clamp(360px, 80vw, 1140px) !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 25px;
    margin-bottom: 50px;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}
@media (max-width: 768px) {
  .menu {
    width: clamp(360px, 90vw, 768px) !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 25px;
    margin-bottom: 50px;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}
@media (max-width: 480px) {
  .menu {
    width: clamp(200px, 90vw, 430px) !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 25px;
    margin-bottom: 50px;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}
@media (max-width: 360px) {
  .menu {
    width: clamp(200px, 95vw, 330px) !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 25px;
    margin-bottom: 50px;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}