.marafon,.l_slide>div>div{display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;}
.marafon>div{display:block;width:300px;height:300px;margin:.5em;background-color:#e2e2e2;border-radius:1em;border:1px solid rgba(0,0,0,.15);background-repeat:no-repeat;transition:1s;overflow:hidden;}
.marafon>div picture,.marafon div picture img{display:block;width:300px;height:200px}
.marafon div picture img{object-position:center center}
.marafon>div h3{width:300px;height:100px;font-size:1.1em;line-height:1.2;background:linear-gradient(to top left,#df232b 10px,transparent 20%);display:grid;justify-content:center;align-content:center;margin:0;padding:0 5px}
.l_slide{display:flex;flex-direction:column}
.l_slide>strong{display:block;flex:0 0 auto;overflow:hidden;font-size:1.2em}
.l_slide p{margin-top:10px;text-indent:1em}
.l_slide strong+div{flex:1 1 0}
.l_slide strong+div p:first-of-type{font-weight:700}
.l_slide>div>div{padding:.5em}
.l_slide>div>div img{width:auto;height:auto;margin:.5em;border-radius:1em}
iframe{max-width:720px;width:100%;max-height:405px;border:none;border-radius:1em;margin:1.5em auto}
@media (max-width:760px){.l_slide{height:100%}
.l_slide strong{height:auto;max-height:280px;overflow-y:auto}
.l_slide strong+div{height:auto;min-height:0;max-height:none}
.l_slide>div>div img{width:100%;max-width:max-content}
iframe{height:auto}
}
.marafon>div:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4);transition:.2s}
.marafon>div:active{transform: translateY(2px);box-shadow:0 5px 10px rgba(0,0,0,.1);transition:.2s}