.iframe-container{justify-content:center;align-items:center;height:100vh;display:flex}iframe{width:48vw;height:100vh}@media screen and (max-width:1200px){iframe{width:60vw;height:90vh}}@media screen and (max-width:992px){iframe{width:70vw;height:80vh}}@media screen and (max-width:768px){iframe{width:100vw;height:50vh}}@media screen and (max-width:430px){iframe{width:100vw;height:46.5vh}}.grid-container{background-color:#000;grid-template-columns:repeat(2,1fr);display:grid}.grid-item img{object-fit:cover;width:100%;height:auto;display:block}.grid-item{position:relative}.full-width{grid-column:1/-1}@media (max-width:768px){.grid-container{grid-template-columns:1fr}}
.credit{opacity:.7;z-index:40;background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.credit-icones span{opacity:.7;cursor:pointer;z-index:50;color:#fff;font-size:20px;transition:opacity .5s ease-in-out;display:none;position:fixed;bottom:30px;right:30px}.credit-icones span:hover{opacity:1}.credit-icones span.active{display:flex}.credit div div{color:#fff;flex-direction:column;font-size:15px;line-height:20px;display:flex}.credit>div{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}@media screen and (max-width:1250px){.credit div .role{padding-right:2vw}.credit div .name{padding-left:2vw}@media screen and (max-width:870px){.credit div .role{padding-right:3vw}.credit div .name{padding-left:3vw}}@media screen and (max-width:530px){.credit div div{font-size:13px}}@media screen and (max-width:450px){.credit div div{font-size:10px}}}.credit div .role{text-align:right;box-sizing:border-box;flex-shrink:0;align-items:flex-end;width:50%;padding-right:1.5vw}.credit div .name{text-align:left;box-sizing:border-box;flex-shrink:0;align-items:flex-start;width:50%;padding-left:1.5vw}.credit div .name a{color:#fff;max-width:fit-content;text-decoration:none;transition:opacity .1s ease-in-out}.credit div .name a:hover{opacity:.7}
