.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-03 {max-width:300px;}}  
    .image-04 {position: relative; max-width:900px; margin: 0 auto;}
    .image-05 {position: relative; max-width:700px; 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-05 figcaption .caption3,
    .image-05 figcaption .caption4{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-05 figcaption .caption3,
     .image-05 figcaption .caption4{font-size:12px; line-height:13px;}
     } 
   
   .image-01 figcaption .caption1 {top: 20%; left:8%;}
   .image-01 figcaption .caption2 {top: 8%; left:51%;}
   .image-01 figcaption .caption3 {top: 12%; left:76%;}
   .image-01 figcaption .caption4 {top: 91%; left:2%;}  
    
   .image-02 figcaption .caption1 {top: 23%; left:14%;}
   .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: 8%; left:68%;}
   .image-03 figcaption .caption2 {top: 36%; left:78%;}
    
   .image-04 figcaption .caption1 {top: 16%; left:3%;}
   .image-04 figcaption .caption2 {top: 25%; left:89%;}

   .image-05 figcaption .caption1 {top: 5%; left:27%;}
   .image-05 figcaption .caption2 {top: 16%; left:30%;}
   .image-05 figcaption .caption3 {top: 27%; left:34%;}
   .image-05 figcaption .caption4 {top: 16%; left:82%;}  
  
@media only screen and (max-width:1000px) {
   .image-04 figcaption .caption1 {top: 11%; left:3%;}
   .image-04 figcaption .caption2 {top: 25%; left:89%;}
}    
    
@media only screen and (max-width:740px) {
   .image-01 figcaption .caption1 {top: 20%; left:18%;}
   .image-01 figcaption .caption2 {top: 9%; left:54%;}
   .image-01 figcaption .caption3 {top: 8%; left:78%;}
   .image-01 figcaption .caption4 {top: 91%; left:2%;}  

   .image-02 figcaption .caption1 {top: 22%; left:1%;}
   .image-02 figcaption .caption2 {top: 12%; left:35%;}
   .image-02 figcaption .caption3 {top: 8%; left:40%; right:-5%}
   .image-02 figcaption .caption4 {top: 95%; left:0%;}

   .image-03 figcaption .caption1 {top: 4%; left:68%; }
   .image-03 figcaption .caption2 {top: 36%; left:78%; right:-10px;}


   .image-04 figcaption .caption1 {top: 0%; left:3%;}
   .image-04 figcaption .caption2 {top: 25%; left:89%;}

   .image-05 figcaption .caption1 {top: 3%; left:27%;}
   .image-05 figcaption .caption2 {top: 14%; left:30%;}
   .image-05 figcaption .caption3 {top: 25%; left:34%;}
   .image-05 figcaption .caption4 {top: 13%; left:82%; right:-16px;}  
}

   @media only screen and (max-width:400px) {
   .image-01 figcaption .caption1 {top: 18%; left:7%;}
   .image-01 figcaption .caption2 {top: 7%; left:50%;}
   .image-01 figcaption .caption3 {top: 5%; left:74%;}
   .image-01 figcaption .caption4 {top: 91%; left:1%;}  

   .image-02 figcaption .caption1 {top: 18%; left:1%;}
   .image-02 figcaption .caption2 {top: 8%; left:35%;}
   .image-02 figcaption .caption3 {top: 4%; left:50%; right:-5%}
   .image-02 figcaption .caption4 {top: 95%; left:1%;} 

   .image-03 figcaption .caption1 {top: 4%; left:68%; right:-10px;}
   .image-03 figcaption .caption2 {top: 34%; left:78%; right:-10px;}

   .image-04 figcaption .caption1 {top: -8%; left:0%;}
   .image-04 figcaption .caption2 {top: 25%; left:89%;}

   .image-05 figcaption .caption1 {top: 0%; left:27%;}
   .image-05 figcaption .caption2 {top: 11%; left:30%;}
   .image-05 figcaption .caption3 {top: 22%; left:34%;}
   .image-05 figcaption .caption4 {top: 9%; left:82%; right:-16px;}  
  }
    
@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 *****/
    @media only screen and (max-width:500px) {
     .image-01 figcaption .caption4 {font-size:14px; line-height:15px;}
     .image-02 figcaption .caption4 {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;}