.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:281px; margin: 0 auto;}
    .image-02 {position: relative; max-width:518px; margin: 0 auto;}
    .image-03 {position: relative; max-width:380px; margin: 0 auto;}
    @media only screen and (max-width:740px) { .image-031 {max-width:300px;} .image-01 {position: relative; max-width:320px;}}  
    .image-04 {position: relative; max-width:280px; margin: 0 auto;}
    .image-05 {position: relative; max-width:900px; margin: 0 auto;}
    .image-06 {position: relative; max-width:500px; margin: 0 auto;}

    .image-01 figcaption .caption1,
    .image-01 figcaption .caption2,
    .image-01 figcaption .caption3,
    .image-01 figcaption .caption4,
    .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-04 figcaption .caption1,
    .image-04 figcaption .caption2,
    .image-05 figcaption .caption1,
    .image-05 figcaption .caption2,
    .image-06 figcaption .caption1,
    .image-06 figcaption .caption2 {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-01 figcaption .caption4,
     .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-04 figcaption .caption1,
     .image-04 figcaption .caption2,
     .image-05 figcaption .caption1,
     .image-05 figcaption .caption2,
     .image-06 figcaption .caption1,
    .image-06 figcaption .caption2 {font-size:12px; line-height:13px;}
     } 
.image-01 {margin-top:-3px;}
   .image-01 figcaption .caption1 {top: 22%; left:8%;}
   .image-01 figcaption .caption2 {top: 10%; left:51%;}
   .image-01 figcaption .caption3 {top: 11%; left:76%;}
   .image-01 figcaption .caption4 {top: 91%; left:0%; right:-10%}  
    
   .image-02 figcaption .caption1 {top: 23%; left:7%;}
   .image-02 figcaption .caption2 {top: 15%; left:35%;}
   .image-02 figcaption .caption3 {top: 9%; left:60%;}
   .image-02 figcaption .caption4 {top: 91%; left:2%;}  
    
   .image-03 figcaption .caption1 {top: 14%; left:68%;}
   .image-03 figcaption .caption2 {top: 90%; left:2%;}
    
   .image-04 figcaption .caption1 {top: 2%; left:22%;}

   .image-05 figcaption .caption1 {top: 27%; left:14%;}
   .image-05 figcaption .caption2 {top: 43%; left:86%;}  

.image-06 {margin-right:30%;}
   .image-06 figcaption .caption1 {top: 53%; left:22%;}
   .image-06 figcaption .caption2 {top: 73%; left:24%;}  


@media only screen and (max-width:900px) {
 .image-05 figcaption .caption1 {top: 27%; left:10%;}
   .image-05 figcaption .caption2 {top: 43%; left:86%;}  
}


@media only screen and (max-width:740px) {
   .image-01 figcaption .caption1 {top: 24%; left:5%;}
   .image-01 figcaption .caption2 {top: 15%; left:44%;}
   .image-01 figcaption .caption3 {top: 19%; left:72%;}
   .image-01 figcaption .caption4 {top: 91%; left:2%;}  
  
    .image-02 {margin-top:10px; margin-bottom:15px;}
   .image-02 figcaption .caption1 {top: 22%; left:7%;}
   .image-02 figcaption .caption2 {top: 12%; left:35%;}
   .image-02 figcaption .caption3 {top: 6%; left:56%; right:-5%}
   .image-02 figcaption .caption4 {top: 95%; left:20%;}

   .image-03 figcaption .caption1 {top: 14%; left:70%; }
   .image-03 figcaption .caption2 {top: 85%; left:13%;}


    .image-04 figcaption .caption1 {top: 2%; left:22%;}
  
    .image-05 figcaption .caption1 {top: 15%; left:6%;}
   .image-05 figcaption .caption2 {top: 43%; left:86%;} 
    
   .image-06 figcaption .caption1 {top: 53%; left:20%;}
   .image-06 figcaption .caption2 {top: 73%; left:20%;}  
}

@media only screen and (max-width:600px) {
   .image-05 figcaption .caption1 {top: 15%; left:0%;}
   .image-05 figcaption .caption2 {top: 43%; left:86%;} 
   
    .image-06 {margin-right:0%;}
   .image-06 figcaption .caption1 {top: 53%; left:17%;}
   .image-06 figcaption .caption2 {top: 73%; left:17%;}  
}

   @media only screen and (max-width:400px) {

   .image-01 figcaption .caption1 {top: 25%; left:7%;}
   .image-01 figcaption .caption2 {top: 16%; left:50%;}
   .image-01 figcaption .caption3 {top: 19%; left:74%;}
   .image-01 figcaption .caption4 {top: 91%; left:12%;}  
 
  .image-02 {margin-top:30px; margin-bottom:15px;}
   .image-02 figcaption .caption1 {top: 18%; left:5%;}
   .image-02 figcaption .caption2 {top: 8%; left:32%;}
   .image-02 figcaption .caption3 {top: 4%; left:56%;}
   .image-02 figcaption .caption4 {top: 91%; left:2%;} 
  
  .image-03 {margin-top: 20px;}
   .image-03 figcaption .caption1 {top: 14%; left:68%; right:-10px;}
   .image-03 figcaption .caption2 {top: 82%; left:13%;}

.image-04 figcaption .caption1 {top: 2%; left:22%;}

.image-05 figcaption .caption1 {top:0%; left:-4%;}
   .image-05 figcaption .caption2 {top: 43%; left:86%;} 

   .image-06 figcaption .caption1 {top: 45%; left:8%;}
   .image-06 figcaption .caption2 {top: 73%; left:9%;}  
  }
    
@media only screen and (max-width:375px) {
     .image-05 figcaption .caption4 {top: 0%; left:82%; right:-16px;}  
}


@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 *****/
     .image-01 figcaption .caption4 {font-size:16px; line-height:16px;}
     .image-02 figcaption .caption4 {font-size:16px; line-height:16px;}
     .image-03 figcaption .caption2 {font-size:16px; line-height:16px;}   
.image-04 figcaption .caption2 {font-size:16px; line-height:16px;} 
@media only screen and (max-width:500px) {
     .image-01 figcaption .caption4 {font-size:13px; line-height:13px;}
     .image-02 figcaption .caption4 {font-size:13px; line-height:13px;}
     .image-03 figcaption .caption2 {font-size:13px; line-height:13px;}
         }
     
    
    .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;}