body{display:flex;flex-direction:column}.delavnice{margin-left:3px}.case-study{margin-right:1px}.best-dnevi{padding-top:2rem;margin:1rem auto 0;width:50%;font-size:clamp(30px,4vw,80px);text-align:center}.best-dnevi-desc{margin:0 auto;width:70%;font-size:clamp(10px,2vw,30px);line-height:1.2em;text-align:center;white-space:normal}.program-navigation{width:60%;justify-self:center;justify-items:center;justify-content:center;display:grid;gap:4vw;grid-template-columns:auto auto auto}.program-navigation button{width:300px;height:300px;position:relative}.program-navigation svg{width:100%;height:100%;opacity:.85;overflow:visible;transform-origin:bottom;transform:scale(1.75);pointer-events:none}.program-navigation svg defs{position:relative}.program-navigation svg defs>*{position:absolute}.program-navigation h5{position:absolute;top:175px;left:50%;transform:translate(-50%);text-align:center;max-width:80%;font-size:clamp(16px,5vw,32px);line-height:1.2;white-space:normal}.schedule-div{position:relative;display:grid;align-items:end;align-self:center;padding-top:2rem;text-align:left}.schedule-div button{padding:0}.above-poster{justify-self:left;margin-top:2rem}.above-poster>*{margin:0;margin-left:1rem;width:fit-content;font-size:clamp(12px,5vw,24px);white-space:nowrap}.poster{opacity:.05;width:450px;margin:1rem 0;padding-bottom:1.5rem;background-color:color-mix(in srgb,var(--dark-blue),transparent 15%);border-radius:15px;transition:opacity .6s ease,transform .6s linear;pointer-events:auto}.poster.active{pointer-events:none;opacity:1;z-index:10}.poster.active button{pointer-events:auto}.poster .content{display:none;margin-left:1rem}.poster.active .content{display:block}.poster ul{padding-left:1.5rem}.poster li{list-style-type:none}.poster h2{margin-bottom:0}.poster h4{padding-left:.5rem}.poster .navigation{align-self:center;display:none;padding-bottom:1vh;grid-template-columns:auto auto auto}.poster.active .navigation{display:grid}.date{margin-top:10px;margin-bottom:0;justify-self:center;width:fit-content;font-size:clamp(12px,5vw,24px);white-space:nowrap}.back{cursor:pointer;justify-self:left;margin:5px 0 0 10px}.next{cursor:pointer;justify-self:right;margin:5px 10px 0 0}@media (max-width: 1100px){.program-navigation button{width:250px;height:250px}}@media (max-width: 950px){.program-navigation button{width:200px;height:200px}}@media (max-width: 780px){.program-navigation{grid-template-columns:auto}.program-navigation button{width:300px;height:300px}}@media (max-width: 600px){.poster{width:400px;margin-left:15px}}@media (max-width: 450px){.poster{width:350px;margin-left:20px}}@media (max-width: 375px){.poster{width:275px;margin-left:35px}.program-navigation button{width:200px;height:200px}}