.header-ohrev {
  margin: 0 auto;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 80%;
  }
  
  .header-ohrev h1 {
   margin-bottom: 10px;
   font-size: 36px;
  }
  .header-ohrev-spodek {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   width: 90%;
   margin-bottom: 30px;
   padding-top: 15px;
}
.header-ohrev-spodek img {
  width: 267px;
  height: 57px;
  margin-top: 15px;
}
.proc-ohrev {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 0px;
    gap: 40px;
}
.proc-ohrev p {
    font-size: 24px;
    color: var(--modra-color);
    padding: 0px 30px;
}
.proc-ohrev ul {
    list-style: none;
}
.proc-ohrev ul li {
  margin-bottom: 30px;
  display: flex;
  align-items: start;
  text-align: left;
  gap: 15px;
  font-size: 20px;
}

.proc-ohrev-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 30px;
    padding-top: 60px;
    border: 3px solid var(--oranzova-color);
    background-color: var(--bezova-color) !important;
    background:
    repeating-linear-gradient(to right, black 0px, black 19px, transparent 19px, transparent 38px) top,
    repeating-linear-gradient(to right, black 0px, black 19px, transparent 19px, transparent 38px) bottom,
    repeating-linear-gradient(to bottom, black 0px, black 19px, transparent 19px, transparent 38px) left,
    repeating-linear-gradient(to bottom, black 0px, black 19px, transparent 19px, transparent 38px) right;
    background-repeat: no-repeat;
    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
    background-position: top left, bottom left, top left, top right;
}
@media (min-width: 1024px) {
    .header-ohrev {
    text-align: left;
    align-items: start;
    justify-content: start;
    padding-top: 0px;
    gap: 10px;
  }
  .header-ohrev h1 {
    font-size: 48px;
  }
  .xxl {
    font-size: 64px !important;
  }
  .header-ohrev-spodek {
   flex-direction: row;
   align-items: start;
   justify-content: space-between;
   text-align: left;
   margin-bottom: 30px;
   gap: 30px;
  }
  .header-ohrev-spodek img {
  width: 320px;
  height: 69px;
}
.ohrev-wrapper {
    flex-direction: column;
    display: flex;
}
.proc-ohrev-box {
    width: 90%;
    padding-top: 60px;
}
.proc-ohrev p {
    font-size: 24px;
    color: var(--modra-color);
    padding: 0px 30px;
    width: 85%;
}
}