.white-text h2 {color:#fff; margin-left:20px; margin-top:5px; text-shadow: 1px 2px 4px black;}
@media only screen and (max-width:500px) {.white-text h2 {margin-left:13px;}}
@media only screen and (min-width:1100px) {.white-text h2 {margin-left:40px;}}
.hero-panel-text {margin-top:28vw;}
    @media only screen and (max-width:1100px) {.hero-panel-text {margin-top:43vw;}}
    @media only screen and (max-width:700px) {.hero-panel-text {margin-top:70vw;}} 

/** h2 background colour **/
    .light-blue-banner  {background-color:#decfff; height: calc(3vw + 30px); border-radius:8px; margin-bottom:15px;} /*** background-color was #dcefff ***/
  .content-left-spacing {margin-left:8.5vw;}
    
/** h2 h3 spacing **/
    h2 {margin-top:14px; margin-bottom:16px;}
    .mod-head-text-h2 h2 {margin-top:0; margin-bottom:20px;}
    
    .laser-tabber h2 {background-color:#edeaea; margin-top:0; margin-left:-2%; margin-bottom:2%; padding: calc(1vw + 10px) 0 calc(1vw + 10px) 2%; border-radius:8px; }
    
    .mod-flex-02-2 h2 {background-color:#edeaea; margin-top:0; margin-left:-28%; padding: calc(1vw + 10px) 0 calc(1vw + 10px)  28%; border-radius:8px; margin-bottom:0;}
    
    @media only screen and (max-width:600px) {
        h2 {margin-top:0; padding-top; margin-bottom:10px;}
        .h2-background-color {padding:1px 8px; border-radius:9px; margin-bottom:15px;}}
    h3 {margin-top:-14px; margin-bottom:14px;}
    
/** sticky footer **/
    body {height: 100%;}    
    body {display: flex;flex-direction: column;} /** sticky footer **/
    content {flex: 1 0 auto;} /** sticky footer **/
    .footer {flex-shrink: 0;} /** sticky footer **/
    .label-expo-banner {max-width:600px; margin: 0 auto 30px; text-align:center;}
@media only screen and (max-width:400px) { .label-expo-banner {margin-left:-16px; margin-right:-16px;}}
    
/** Side Image Containers **/
    .side-image-container1, .side-image-container2, .side-image-container3, .side-image-container4, .side-image-container5, .side-image-container6, .side-image-container7, .side-image-container8 {float:left; margin:18px 15px 15px 15px;}    
    .side-image1 img {width:14vw; max-width:110px; margin-top:2.5vw; margin-left:-8px;} /** feeding options **/
    .side-image2 img {width:14vw; max-width:110px; margin-top:2.5vw; margin-left:-8px;} /** key benefits **/
    .side-image3 img {width:14vw; max-width:110px; margin-top:1vw; margin-left:-8px;} /** applications **/
    .side-image4 img {width:14vw; max-width:110px; margin-top:2.5vw; margin-left:-8px;} /** ISG **/
    .side-image5 img {width:14vw; max-width:110px; margin-top:2.5vw; margin-left:-8px;} /** Integrity, tracking, reporting **/
    .side-image6 img {width:14vw; max-width:110px; margin-top:3vw; margin-left:-8px;} /** max flexibility **/
    .side-image7 img {width:15vw; max-width:110px; margin-top:3.7vw; margin-left:-8px;} /** light-weight paper **/
    .side-image8 img {width:14vw; max-width:110px; margin-top:3vw; margin-left:-8px;} /** multi-up **/
    .side-image9 img {width:14vw; max-width:110px; margin-top:3vw; margin-left:-8px;} /** laser-cutting **/
  
  @media only screen and (max-width:600px) {      
    .side-image-container1, .side-image-container2, .side-image-container3, .side-image-container4, .side-image-container5, .side-image-container6, .side-image-container7, .side-image-container8 {float:right; margin:14px 15px 15px 20px;}
    .side-image1 img {width:13vw; margin-top:5vw;} /** feeding options **/
    .side-image2 img {width:13vw; margin-top:5vw;} /** key benefits **/
    .side-image3 img {width:13vw; margin-top:1.3vw;} /** applications **/
    .side-image4 img {width:13vw; margin-top:5vw;} /** ISG **/
    .side-image5 img {width:13vw; margin-top:5vw;}  /** Integrity, tracking, reporting **/
    .side-image6 img {width:13vw; margin-top:5vw;} /** max flexibility **/
    .side-image7 img {width:15vw; margin-top:5vw;} /** light-weight paper **/
    .side-image8 img {width:13vw; margin-top:5vw;} /** multi-up **/
    .side-image9 img {width:13vw; margin-top:5vw;} /** laser-cutting **/
    }
    
  @media only screen and (max-width:400px) {      
    .side-image-container1, .side-image-container2, .side-image-container3, .side-image-container4, .side-image-container5, .side-image-container6, .side-image-container7, .side-image-container8{float:right; margin:10px 15px 15px 5px;}}
    
  @media only screen and (max-width:375px) {      
    .side-image-container1, .side-image-container2, .side-image-container3, .side-image-container4, .side-image-container5, .side-image-container6, .side-image-container7, .side-image-container8 {float:right; margin:14px 15px 15px 20px;}
    .side-image1 img {margin-left:0; margin-top:5vw;}  /** feeding options **/
    .side-image2 img {margin-left:0; margin-top:5vw;} /** key benefits **/
    .side-image3 img {margin-left:0; margin-top:6vw;} /** applications **/
    .side-image4 img {margin-left:0; margin-top:15vw;} /** ISG **/
    .side-image5 img {margin-left:0; margin-top:10vw;}   /** Integrity, tracking, reporting **/
    .side-image6 img {margin-left:0; margin-top:8vw;}  /** max flexibility **/
    .side-image7 img {margin-left:0; margin-top:10vw;}  /** light-weight paper **/
    .side-image8 img {margin-left:0; margin-top:10vw;} /** multi-up **/
    .side-image9 img {margin-left:0; margin-top:13vw;} /** laser-cutting**/
    }
    
/** Lists **/    
    .list-numbers-default-white-bg {margin-top:-15px; margin-bottom:5px;}
    .list-disc-white-bg {margin-top:8px; margin-bottom:0;}
    .list-numbered-white-bg {margin-top:-30px; margin-bottom:-5px;}

/** Text to display on mobiles only **/
    @media only screen and (max-width:500px) {.text-mobile-only{display:none; important!}}
    
/** Images with captions **/    
    .image-01 {position: relative; max-width:1100px; margin: 34px auto 30px;}
    .image-02 {position: relative; max-width:600px; margin: 26px auto 0;}
    .image-03 {position: relative; max-width:600px; margin: 26px auto 0;}
    .image-04 {position: relative; max-width:600px; margin: 26px auto 0;}
    .image-05 {position: relative; max-width:600px; margin: 26px auto 0;}
    
    .main-caption1 {text-align:center; margin-top:5px; margin-bottom:15px;}
    .main-caption2 {text-align:center; margin-top:-5px; margin-bottom:15px;}
    .main-caption3 {text-align:center; margin-top:17px; margin-bottom:15px;}
    .main-caption4 {text-align:center; margin-top:5px; margin-bottom:15px;}
    .main-caption5 {text-align:center; margin-top:5px; margin-bottom:15px;}
      
    .main-caption1, .main-caption2, .main-caption3, .main-caption4, .main-caption5 {font-size:16px; line-height;17px;}
    
    @media only screen and (max-width:500px) {
       .main-caption1 {margin-top:2px; margin-bottom:10px;}
    /**.main-caption2 {margin-top:2px; margin-bottom:10px;}
       .main-caption3 {margin-top:2px; margin-bottom:10px;}**/
       .main-caption4 {margin-top:2px; margin-bottom:10px;}
       .main-caption5 {margin-top:2px; margin-bottom:10px;}
       .main-caption1, .main-caption2, .main-caption3, .main-caption4, .main-caption5 {font-size:13px; line-height:14px;}
    }

.image-01 figcaption .caption1 {bottom: 86%; left:70%; right:6%;} /** printed**/
.image-01 figcaption .caption2 {bottom: 62%; left:6%; right:73%;} /**bound **/
.image-01 figcaption .caption3 {top: 62%; left:3%; right:-4%;} /**connection **/ 
.image-01 figcaption .caption4 {top: 80%; left:77%; right:0%;} /**pharma **/

.image-02 figcaption .caption1 {top: 5%; left:4%; right:-7%;} /** **/
.image-02 figcaption .caption2 {top: 24%; left:27%; right:-7%;} /** **/
.image-02 figcaption .caption3 {top: 40%; left:50%; right:-7%;} /** **/ 
.image-02 figcaption .caption4 {top: 67%; left:73%; right:-7%;} /** **/

.image-03 figcaption .caption1 {top: 5%; left:4%; right:-7%;} /** **/
.image-03 figcaption .caption2 {top: 24%; left:27%; right:-7%;} /** **/
.image-03 figcaption .caption3 {top: 40%; left:50%; right:-7%;} /** **/ 
.image-03 figcaption .caption4 {top: 67%; left:73%; right:-7%;} /** **/
    
.image-04 figcaption .caption1 {top: 14%; left:66%; right:0%;} /**Printed **/
.image-04 figcaption .caption2 {top: 13.5%; left:15%; right:4%;} /**Smart **/
.image-04 figcaption .caption3 {top: 84.5%; left:13%;} /**LT-101 **/ 
.image-04 figcaption .caption4 {top: 91%; left:74%; right:0%;} /**ECL **/
    
.image-05 figcaption .caption1 {top: 5%; left:4%; right:-7%;} /** **/
.image-05 figcaption .caption2 {top: 24%; left:27%; right:-7%;} /** **/
.image-05 figcaption .caption3 {top: 40%; left:50%; right:-7%;} /** **/ 
.image-05 figcaption .caption4 {top: 67%; left:73%; right:-7%;} /** **/
       
   
/*** MEDIA QUERIES ****/ 
/** 01 **/ @media only screen and (max-width:800px) {
    }
/** 01 **/ @media only screen and (max-width:600px) {
    }
/** 01 **/ @media only screen and (max-width:450px) {
    }
/** 01 **/ @media only screen and (max-width:375px) {
    }
    
/** 02 **/ @media only screen and (max-width:800px) {
    }
/** 02 **/ @media only screen and (max-width:600px) {
    }
/** 02 **/ @media only screen and (max-width:450px) {
    }
/** 02 **/ @media only screen and (max-width:375px) {
    }
    
/** 03 **/ @media only screen and (max-width:800px) {
    }
/** 03 **/ @media only screen and (max-width:600px) {
    }
/** 03 **/ @media only screen and (max-width:450px) {
    }
/** 03 **/ @media only screen and (max-width:375px) {
    }
    
/** 04 **/ @media only screen and (max-width:700px) {
    .image-04 figcaption .caption2 {top: 13%; left:12%; right:4%;} /**Smart **/
    .image-04 figcaption .caption3 {top: 84.5%; left:13%;} /**LT-101 **/ 
    .image-04 figcaption .caption4 {top: 91%; left:70%; right:0%;} /**ECL **/
    }
/** 04 **/ @media only screen and (max-width:500px) {
    .image-04 figcaption .caption2 {top: 12%; left:12%; right:4%;} /**Smart **/
    .image-04 figcaption .caption3 {top: 84.5%; left:11%;} /**LT-101 **/ 
    .image-04 figcaption .caption4 {top: 91%; left:70%; right:0%;} /**ECL **/
    }
/** 04 **/ @media only screen and (max-width:375px) {
    .image-04 figcaption .caption2 {top: 11%; left:7%; right:4%;} /**Smart **/
    .image-04 figcaption .caption3 {top: 83%; left:6%;} /**LT-101 **/ 
    .image-04 figcaption .caption4 {top: 91%; left:70%; right:0%;} /**ECL **/
    }
  
/** flex container ***/
    .module-flex-02-container {padding-top: calc(2.4vw + 35px);}
    
    
    .module-flex-01, .module-flex-02 {
    display:flex;
    flex-direction:row;
    text-align:left;
    justify-content:left;  /**don't think there is a justify-content:left; so presumably this isn't doing anything, check **/
    width:100%;
    margin:0 auto 8px; 
    padding:0;
    }
    .module-flex-01 {max-width:1100px;}
    .module-flex-02 {max-width:1000px; margin-left1: 22px; margin-top: calc(-2.4vw - 35px); border111:1px solid red; padding-right1:90px;}
    .mod-flex-01-1 {width:40%; padding:0; margin:0;}
    .mod-flex-01-2 {width:60%; padding:0; margin:0;}
    .mod-flex-02-1 {z-index:999;width:18%; padding:0; margin:0; border111:1px solid green;}
    .mod-flex-02-2 {z-index:100; width:82%; padding:0; margin:0; border111:1px solid green;}
    @media only screen and (max-width:450px) {.mod-flex-02-2 {margin-left:-14%;} .mod-flex-02-2 p {margin-right:-14%;}  .mod-flex-02-2 .list-disc-white-bg {margin-right:-17%;} .mod-flex-02-2 h2 {width:70vw;} .h2-header-left-padding {margin-left:14%; margin-bottom:8%;}
    @media only screen and (max-width:660px) {
    .module-flex-01 {
        text-align: left;
        justify-content:left;
        align-items:center; /*centres vert when dir=row, but not sure does anything */
        width:100%;
        padding:0;
        margin:0;}
    .module-flex-01 {flex-direction:column;} 
    .mod-flex-01-1, .mod-flex-01-2 {width:100%; padding:0; margin:0;}
    }
    
    
    @media only screen and (max-width:370px) {.mod-flex-02-2{ padding-left:7px; max-width:210px;}}
 /** Responsive table **/
    .responsive-table-01 p {margin-bottom:-10px; padding-bottom:0px;}
    @media only screen and (min-width: 490px) {.responsive-table-01 { display:none !important;}}