/** Shopify CDN: Minification failed

Line 62:0 Unexpected "{"
Line 62:1 Unexpected "{"
Line 62:3 Expected identifier but found "'video-popup.css'"
Line 62:52 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
@media (min-width: 768px) {
  div.mrc-movie-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
  }
  div#left-brand-film, div#right-brand-film {
    flex: 1 0 calc(50% - 60px);
    aspect-ratio: 1 / 1;
    margin: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    color: white;
    background-position: center; /* Add this line */
    background-size: cover; /* Add this line */
    
  }
}
@media (max-width: 767px) {
  div.mrc-movie-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
  }
  div#left-brand-film, div#right-brand-film {
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    color: white;
    background-position: center; /* Add this line */
    background-size: cover; /* Add this line */
  }
}


  @media (max-width: 767px) {
  iframe {
    width: 412px;
    height: 232px;
  }
{{ 'video-popup.css' | asset_url | stylesheet_tag }}