.image-container
    {display:flex;
    flex-direction:row;
    text-align:center;
    width:90%; /**** ie 90+5+5=100% ****/
    margin-left:5%; 
    margin-bottom:30px;
    padding:0;
    }
    @media only screen and (max-width:740px) {.image-container {flex-direction:column; width:94%; margin-left:3%;}} /*** ie 94+3+3=100% ****/
    .c1-imgl {width:35%;}
    .c2-imgl {width:64.5%;}
    .c1-imgl img, .c2-imgl img {display:block; padding:0; margin: 0 auto 0 0;}
    @media only screen and (max-width:740px) {.c1-imgl, .c2-imgl {width:100%;}}   
    
    .image-01 {position: relative; max-width:500px; margin: 0 auto;}
    .image-02 {position: relative; max-width:700px; margin: 0 auto;}
    .image-03 {position: relative; max-width:800px; margin: 0 auto;}
    .image-04 {position: relative; max-width:600px; margin: 0 auto;}
    .image-05 {position: relative; max-width:700px; margin: 0 auto;}
    .image-06 {position: relative; max-width:700px; margin: 0 auto;}
    
    .image-01 figcaption .caption1,
    .image-01 figcaption .caption2,
    .image-01 figcaption .caption3,
        
    .image-02 figcaption .caption1,
    .image-02 figcaption .caption2,
    .image-02 figcaption .caption3,
    .image-02 figcaption .caption4,
    
    .image-03 figcaption .caption1,
    .image-03 figcaption .caption2,
    .image-03 figcaption .caption3,
    .image-03 figcaption .caption4,
    .image-03 figcaption .caption5,
    
    .image-04 figcaption .caption1,
    .image-04 figcaption .caption2,
    
    .image-05 figcaption .caption1,
    .image-05 figcaption .caption2,
    .image-05 figcaption .caption3,
    
    .image-06 figcaption .caption1,
    .image-06 figcaption .caption2,
    .image-06 figcaption .caption3 {position: absolute;  color:#333; font-size:14px; line-height:15px; font-family:roboto;}

     @media only screen and (max-width:500px) {
    .image-01 figcaption .caption1,
    .image-01 figcaption .caption2,
    .image-01 figcaption .caption3,
        
    .image-02 figcaption .caption1,
    .image-02 figcaption .caption2,
    .image-02 figcaption .caption3,
    .image-02 figcaption .caption4,
    
    .image-03 figcaption .caption1,
    .image-03 figcaption .caption2,
    .image-03 figcaption .caption3,
    .image-03 figcaption .caption4,
    .image-03 figcaption .caption5,
    
    .image-04 figcaption .caption1,
    .image-04 figcaption .caption2,
    
    .image-05 figcaption .caption1,
    .image-05 figcaption .caption2,
    .image-05 figcaption .caption3,
         
    .image-06 figcaption .caption1,
    .image-06 figcaption .caption2,
    .image-06 figcaption .caption3 {font-size:12px; line-height:11px;}
     } 
   
   .image-01 figcaption .caption1 {top: 3%; left:28%;}
   .image-01 figcaption .caption2 {top: 5%; left:87%;}
   .image-01 figcaption .caption3 {top: 92%; left:46%;}
       
   .image-02 figcaption .caption1 {top: 42%; left:0%;}
   .image-02 figcaption .caption2 {top: 19%; left:11%;}
   .image-02 figcaption .caption3 {top: 9%; left:54%;}
   .image-02 figcaption .caption4 {top: 27%; left:92%;}  
    
   .image-03 figcaption .caption1 {top: 10%; left:21%;}
   .image-03 figcaption .caption2 {top: 11%; left:42%;}
   .image-03 figcaption .caption3 {top: 93%; left:45%;}
   .image-03 figcaption .caption4 {top: 6%; left:58%;}
   .image-03 figcaption .caption5 {top: 1%; left:86%;} 

   .image-04 figcaption .caption1 {top: 47%; left:6%;}
   .image-04 figcaption .caption2 {top: 12%; left:83%;}

   .image-05 figcaption .caption1 {top: 12%; left:2%;}
   .image-05 figcaption .caption2 {top: 59%; left:66%;}
   .image-05 figcaption .caption3 {top: 19%; left:84%;}

   .image-06 figcaption .caption1 {top: 33%; left:10%;}
   .image-06 figcaption .caption2 {top: 6%; left:79%;}
   .image-06 figcaption .caption3 {top: 63%; left:78%;}
  
@media only screen and (max-width:740px) {
   
   .image-01 figcaption .caption1 {top: 3%; left:25%;}
   .image-01 figcaption .caption2 {top: 5%; left:87%;}
   .image-01 figcaption .caption3 {top: 92%; left:46%;}
 
   .image-02 figcaption .caption1 {top: 45%; left:-1%;}
   .image-02 figcaption .caption2 {top: 18%; left:6%;}
   .image-02 figcaption .caption3 {top: 9%; left:54%;}
   .image-02 figcaption .caption4 {top: 27%; left:94%;}  

   .image-03 figcaption .caption1 {top: 4%; left:21%;}
   .image-03 figcaption .caption2 {top: 8%; left:42%;}
   .image-03 figcaption .caption3 {top: 93%; left:45%;}
   .image-03 figcaption .caption4 {top: 2%; left:56%;}
   .image-03 figcaption .caption5 {top: 0%; left:86%; right:-3%;} 

   .image-04 figcaption .caption1 {top: 49%; left:5%;}
   .image-04 figcaption .caption2 {top: 8%; left:83%;}

   .image-05 figcaption .caption1 {top: 14%; left:-1%;}
   .image-05 figcaption .caption2 {top: 59%; left:66%;}
   .image-05 figcaption .caption3 {top: 19%; left:84%;}
    
   .image-06 figcaption .caption1 {top: 34%; left:3%;}
   .image-06 figcaption .caption2 {top: 6%; left:79%;}
   .image-06 figcaption .caption3 {top: 63%; left:78%;}
}

   @media only screen and (max-width:400px) {
   .image-01 figcaption .caption1 {top: 3%; left:25%;}
   .image-01 figcaption .caption2 {top: 5%; left:87%;}
   .image-01 figcaption .caption3 {top: 92%; left:46%;}

   .image-02 figcaption .caption1 {top: 45%; left:-1%;}
   .image-02 figcaption .caption2 {top: 18%; left:6%;}
   .image-02 figcaption .caption3 {top: 9%; left:54%;}
   .image-02 figcaption .caption4 {top: 27%; left:94%;} 

   .image-03 figcaption .caption1 {top: 0%; left:21%;}
   .image-03 figcaption .caption2 {top: 8%; left:42%;}
   .image-03 figcaption .caption3 {top: 93%; left:45%;}
   .image-03 figcaption .caption4 {top: 0%; left:53%;}
   .image-03 figcaption .caption5 {top: 0%; left:86%; right:-6%;} 

    .image-04 figcaption .caption1 {top: 47%; left:-2%;}
   .image-04 figcaption .caption2 {top: 12%; left:88%;}

  .image-05 figcaption .caption1 {top: 14%; left:-4%;}
   .image-05 figcaption .caption2 {top: 59%; left:66%;}
   .image-05 figcaption .caption3 {top: 19%; left:84%;}
       
   .image-06 figcaption .caption1 {top: 34%; left:0%;}
   .image-06 figcaption .caption2 {top: 6%; left:79%;}
   .image-06 figcaption .caption3 {top: 63%; left:78%;}
  }
    

@media only screen and (max-width:600px) {.diagram-desktop-only-600 {display:none !important; display:inline-block;}} 
   
/*** font size that applies ONLY to image-04 and to the main image captions *****/
    @media only screen and (max-width:500px) {
     .image-01 figcaption .captionxxx {font-size:14px; line-height:15px;}
     .image-02 figcaption .captionxxx {font-size:14px; line-height:15px;}
         }
     
    
    .sb-brochure-link {margin-left:auto; width:160px;}
    @media only screen and (max-width:500px) {.hero-panel-text h1 {margin-top:-19px;}}
        
        .case-studies h2 {font-size:30px;}
         @media only screen and (max-width:700px) {.case-studies h2 {font-size:25px;}}
        
        .image-caption p {text-align: center; font-size:15px; margin-top:-2px;}
        @media only screen and (max-width:700px) {.image-caption p {font-size:13px;}}
       
        .testimonial {margin-left:30px;}
        .opening-quote img {max-width:24px;}
        .closing-quote img {max-width:24px;}