.omnie{
  --gap:clamp(1rem, 2.5vw, 2rem);
  --maxw:1100px;
  --panel:var(--wp--preset--color--background, #f6f7f8);
  background:var(--panel);
  width:100vw;
  margin-inline:calc(50% - 50vw);
  padding-block:clamp(1.25rem, 3vw, 3rem);
}
.omnie-wrap{
  max-width:var(--maxw);
  margin-inline:auto;
  padding:0 clamp(1rem, 3vw, 2rem);
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:var(--gap);
  align-items:center;
}
.omnie-left p{ margin-top:20px; }
.omnie-right{ justify-self:center; }
.omnie-photo{
  --size:clamp(160px, 26vw, 220px);
  width:var(--size);
  height:var(--size);
  margin:0;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  outline:6px solid rgba(0,0,0,.05);
}
.omnie-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background-color:#ffb200;
}
.page-id-284 .omnie-wrap{padding:0 30px}
.page-id-284 .front-button{margin:20px 0;}
.page-id-284 .omnie{background:#fff;margin-bottom:0;}
.page-id-284 h2{margin:10px 0;text-align:left;}
.page-id-284 p{margin:10px 0;text-align:left;}
.page-id-284 .content-area {
  margin:0;
}
@media (max-width:820px){
  .omnie-wrap{
    grid-template-columns:1fr;
    text-align:center;
  }
  .omnie-left{ order:2; }
  .omnie-right{ order:1; }
  .omnie-left p{ margin-inline:auto; }
}
@media (prefers-reduced-motion:reduce){
  .omnie-photo{ transition:none; }
}
.formularzwrap{text-align:center;}