.wmg-top-hero--video-logo{
      display:none;
  }
  .wmg-top--video-container{
    display:flex
  }
  .wmg-top-hero img{
    width:50%
  }
  .wmg-top-hero--video-logo-mobile{
        display: flex;
    justify-content: center;
    align-self: center;
    width: 100%;
    position:absolute
  
  }
  
  .wmg-top-hero-full-width-overlay {
    position: relative;
    top: 0;
    display: flex;
    height: 100%;
    width:100%;
    flex-direction:column;
  }
  .button-grey{
    background:var(--wmg-grey); 
  }
  .button-grey>span {color:white;}
 .wmg-top-hero--text-no-decor{
     &:before,&:after{ display:none;}
  }
  .wmg-top-border-green {
  border-top: 8px solid var(--wmg-green);
  }
  .wmg-top-border-red {
  border-top: 8px solid var(--wmg-red);
  }
  .wmg-top-border-gold {
  border-top: 8px solid var(--wmg-gold);
  }
    .wmg-top-hero .image-component.catapult-logo>picture>img{
    width:150px ;
    height:auto ;
  }

  @media screen and (max-width:767px) {
  .bg-wmg-white{
    background:white;
  }
    .column-reverse section>div{
       display: flex;
    flex-direction: column-reverse;
    }
    div.image-component.relative-width-5{
      max-width:100%;
      width:100%
    }
    .mobile-span-2 .layout-row.layout-row--nowrap{
      display:flex;
      flex-wrap:wrap;
    }
    .mobile-span-2 .layout-col.layout-col--3{
      width:50%;
    }
  }
  
  @media (min-width: 768px) {
   
   
    .wmg-top-hero-full-width-overlay {
      position: absolute;
        flex-direction:row;
  }
    .wmg-top-hero--video-logo-mobile{
      display:none;
  }
    .wmg-top-hero--video-logo{
      display:'block';
    position: relative;
    color: #fff;
      display: flex;
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-self: center;
    flex-grow: 1;
  }
  	  
  	    .wmg-top-hero .wmg-top-hero--content:before {
  display:none;
  }
   .wmg-top-hero .wmg-top-hero--content:after {
  display:none;
  }
  
      .wmg-top-hero.wmg-top-hero--overlay {
        
        display: none;
        
    }
    .border-seperator-on{
    border-right:4px solid black;
    margin:5%
  }
   .border-seperator-off{
    border-right:none;
     margin:none;
  }
      .wmg-top-hero--content.wmg-top-video--logo {
      position:relative;
    }
    .wmg-top-hero--video-logo{
       position:relative;
    }
  }