.image-01, .image-02 {position: relative;}
    
.image-01 figcaption .caption1,
.image-01 figcaption .caption2 {position: absolute;  color:#333; font-size:2.8vw; line-height:2.7vw; font-family:lato;}

.image-02 figcaption .caption1,
.image-02 figcaption .caption2 {position: absolute;  color:#333; font-size:2.8vw; line-height:2.7vw; font-family:lato;}

 @media only screen and (min-width:500px) {
 .image-01 figcaption .caption1,
 .image-01 figcaption .caption2 {font-size:14px; line-height:14px;}
 }  
 @media only screen and (min-width:500px) {
 .image-02 figcaption .caption1,
 .image-02 figcaption .caption2 {font-size:14px; line-height:14px;}
 } 

.image-01 figcaption .caption1 {top: 56%; left:50%;}
.image-01 figcaption .caption2 {top: 77%;  left:83%;}
    
.image-02 figcaption .caption1 {top: 4%; left:50%;}
.image-02 figcaption .caption2 {top: 52%; left:7%;}


@media only screen and (max-width:800px) {
    .image-01 figcaption .caption1 {top: 51%; left:47%;}
}
@media only screen and (max-width:550px) {
    .image-01 figcaption .caption1 {top: 49%; left:46%;}
}


.link-small-dark-blue-bg:a {font-size:11px;}

.top-modules {margin: 10px 4% 10px auto; text-align:right;}
 .main-caption {text-align:center; font-size:14px; padding-top:4px;}
 
@media only screen and (max-width:600px) {.main-caption {text-align:center; font-size:12px;}}
@media only screen and (max-width:480px) {.main-caption {text-align:center; font-size:11px;}}