@media (min-width:768px){.grid-container{grid-template-rows:50vh 50vh;grid-template-columns:1fr 1fr;width:100vw;height:100vh;margin:0;padding:0;display:grid}.panel{width:100%;height:100%;position:relative;overflow:hidden}.panel-text{margin-left:20px}.panel-text-link{color:var(--primary-color);font-size:.6rem;font-weight:700;text-decoration:none}.panel-text-link:hover{text-decoration:underline}.panel-image{background-repeat:no-repeat}.panel-image img{object-fit:cover;width:100%;height:100%}.panel-image:nth-child(4) img{object-position:bottom left}.p-left,.p-right{color:#fff;margin:0;padding:0 .2rem;font-size:1rem;font-weight:700;position:absolute;top:1rem}.p-right-top{color:#fff;margin:0;padding:.3rem;font-size:1rem;font-weight:700;position:absolute;bottom:1rem}.p-left{right:1rem}.p-right,.p-right-top{left:1rem}.p-left:before{content:"";border-top:3px solid #fff;border-right:3px solid #fff;width:8px;height:8px;position:absolute;top:0;right:0;transform:translate(4px,-4px)}.p-right:before{content:"";border-top:3px solid #fff;border-left:3px solid #fff;width:8px;height:8px;position:absolute;top:0;left:0;transform:translate(-4px,-4px)}.p-right-top:before{content:"";border-bottom:3px solid #fff;border-left:3px solid #fff;width:8px;height:8px;position:absolute;bottom:0;left:0;transform:translate(-4px,4px)}}@media (max-width:768px){.grid-container{flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.panel{width:100%;height:100%;position:relative;overflow:hidden}.panel-text{margin-left:10px}.panel-text-link{color:var(--primary-color);font-size:.5rem;font-weight:700;text-decoration:none}.panel-text-link:hover{text-decoration:underline}.panel-image{background-repeat:no-repeat}.panel-image img{object-fit:cover;width:100%;height:100%}.p-left,.p-right{color:#fff;margin:0;padding:0 .2rem;font-size:.8rem;font-weight:700;position:absolute;top:1rem}.p-right-top{color:#fff;margin:0;padding:0 .2rem;font-size:.8rem;font-weight:700;position:absolute;bottom:1rem}.p-left{right:1rem}.p-right,.p-right-top{left:1rem}.p-left:before{content:"";border-top:3px solid #fff;border-right:3px solid #fff;width:8px;height:8px;position:absolute;top:.1rem;right:0;transform:translate(4px,-4px)}.p-right:before{content:"";border-top:3px solid #fff;border-left:3px solid #fff;width:8px;height:8px;position:absolute;top:.1rem;left:0;transform:translate(-4px,-4px)}.p-right-top:before{content:"";border-bottom:3px solid #fff;border-left:3px solid #fff;width:8px;height:8px;position:absolute;bottom:0;left:0;transform:translate(-4px,4px)}}