.quad-body {
  position: relative;
  z-index:0;
  background-image: url(https://4308708.fs1.hubspotusercontent-na1.net/hubfs/4308708/quadrant-images_1920w.png);
  width: 100%;
  height: 1200px;
  display: flex;
  flex-direction: column;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.top-row {
  display: flex;
  flex-direction: row;
  height: 50%;
  width: 100%;
  position: relative;
}

.quad-top.left {
  position: relative;
  /*mix-blend-mode:difference;*/
  background-color: rgba(28, 81, 153, 1);
  height: 100%;
  width: 50%;
}

.quad-top.right {
  display: flex;
  background-color: transparent;
  height: 100%;
  width: 50%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.video-wrapper {
  position: relative;
  width: 85%;
}

.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bottom-row {
  display: flex;
  flex-direction: row;
  height: 50%;
  width: 100%;
}

.quad-bottom.right {
  position: relative;
 mix-blend-mode: color-burn;
  background: rgba(241, 241, 241, 1);
  height: 100%;
  width: 50%;
}

.quad-bottom.left {
  position: relative;
  background-image: url();
  height: 100%;
  width: 50%;
  background-size: cover;
}

.text-wrapper-top {
      padding: 100px;
    width: 700px;
    position: relative;
    z-index: 2;
    left: 14%;
    top: 16%;
}

.text-wrapper-bottom {
      padding: 130px 22% 0 16%;
}
@media(max-width:1806px){
   .text-wrapper-top{
       width: 685px;
    position: relative;
    left: 15%;
  
  }
}
@media(max-width:1466px){
   .text-wrapper-top{
       width: 685px;
    position: relative;
    left: 4%;
  
  }
@media(max-width:1265px){
   .text-wrapper-top{
       width: 685px;
    position: relative;
    left: -4%;
  
  }
}
  
  @media(max-width:1250px){
    .text-wrapper-bottom {
      padding: 75px 22% 0 16%;
}
    
  }
@media(max-width:1160px){
   .text-wrapper-top{
    position: relative;
    left: -8%;
  
  }
}
  @media(max-width:1160px){
   .text-wrapper-top{
     width:600px;
    position: relative;
  
  }
}




  @media(max-width:1000px){
    
    .quad-body{
      background-image:url( https://4308708.fs1.hubspotusercontent-na1.net/hubfs/4308708/circular-graphic-blue.png );
      height:1800px;
      background-position-y: 37%;
      background-size: 120%;
    }
    
    .top-row{
      flex-direction:column; 
    }
    
    .quad-top.left {
    /*mix-blend-mode: difference;*/
          height: auto;
    }
     .quad-top.right {
    padding: 80px 0;
    height:auto;
    }
     .text-wrapper-top{
       padding-top:80px;
       width:90%;
         height:100%;
       left:5%;
       top:0;
       padding:80px 10px 80px 10px;
  
  }
     .text-wrapper-top h2 {
  font-size:32px;
           white-space: nowrap;
  
  }
    
     .text-wrapper-bottom{
       position:relative;
       width:90%;
         height:100%;
       left:5%;
      padding:80px 10px 80px 10px;
  
  }
    
    .bottom-row{
      flex-direction:column;
    }
    
    .quad-top.left{
      width:100%;
    }
    .quad-top.right{
      width:100%;
    }
    
  .quad-bottom.left {
    background-image: url(https://4308708.fs1.hubspotusercontent-na1.net/hubfs/4308708/family-life.png);
    width: 100%;
        height: 0;
    padding-top: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;

    
  }

  .quad-bottom.right {
    background-color: rgba(241,241,241, 0.6);
    height: fit-content;
    width: 100%;
    }
}