/* container */
.container {
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    clear: both;
}

/* section */
.section {
    padding: 0 48px;
    margin: 0 auto;
    max-width: 1086px;
    clear: both;
}

.section.no-spacing {
   padding: 0;
}

.section::after {
    content: " ";
    display: block;
    clear: both;
 }

.section.full-width {
     max-width: 100%;
}

.section.no-row {
    padding: 0 24px;
}

.section.filled {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.section.filled > p:first-child {
    padding: 0 !important;
}

.section.filled > p:first-child img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    opacity: 0.1;
}

.section.filled.opac-1 > p:first-child img {
    opacity: 0.1;
}

.section.filled.opac-2 > p:first-child img {
    opacity: 0.2;
}

.section.filled.opac-3> p:first-child img {
    opacity: 0.3;
}

.section.filled.opac-4> p:first-child img {
    opacity: 0.4;
}

.section.filled.opac-5> p:first-child img {
    opacity: 0.5;
}

.section.filled .row {
    margin: 0 auto;
    max-width: 1182px;
    z-index: 2;
    position: relative;
}

/* spacings */
.spacer {
    padding: 24px 0 0;
    width: 100%;
    clear: both;
    box-sizing: border-box;
}

/* floatings */
.to-top {

}

/* floatings */
.row {
    margin: 0 -48px;
    padding: 0;
    clear: both;
    display: flex;
    flex-wrap: wrap;
 }

 .cell .row {
    margin: -24px;
 }

 .cell {
    padding: 24px;
    box-sizing: border-box;
    flex: 0 0 auto;
 }

 .cell.no-spacing {
    padding: 0;
 }

 .cell img {
    max-width: 100%;
    height: auto;
 }

 .cell.cell-1 {
    width: 8.333333%;
 }

 .cell.cell-2 {
    width: 16.666666%;
 }

 .cell.cell-3 {
    width: 25%;
 }

 .cell.cell-4 {
    width: 33.333333%;
 }

 .cell.cell-5 {
    width: 41.666666%;
 }

 .cell.cell-6 {
    width: 50%;
 }

 .cell.cell-7 {
    width: 58.333333%;
 }

 .cell.cell-8 {
    width: 66.666666%;
 }

 .cell.cell-9 {
    width: 75%;
 }

 .cell.cell-10 {
    width: 83.333333%;
 }

 .cell.cell-11 {
    width: 91.666666%;
 }

 .cell.cell-12 {
    width: 100%;
    float: none;
    clear: both;
 }

 .cell.cell-center {
    float: none;
    margin: 0 auto;
 }

 .cell.cell-content-center {
    text-align: center;
 }


 /*************************************************************************************
    - basic changing at 720px width = cells get 100%
 *************************************************************************************/
 @media screen and (max-width : 720px) {

    .cell:not([class*="from"]):not([class*="till"]) {
       width: 100%;
       float: none;
    }
 }



 /*************************************************************************************
    - responsive at 1280px width = cells get till-1280 100%
    - cells from change sizea for resolution <= 1280px
 *************************************************************************************/
 @media screen and (max-width : 1280px) {

    .cell.till-1280 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-1280 {
       width: 8.333333%;
    }

    .cell.cell-2-from-1280 {
       width: 16.666666%;
    }

    .cell.cell-3-from-1280 {
       width: 25%;
    }

    .cell.cell-4-from-1280 {
       width: 33.333333%;
    }

    .cell.cell-5-from-1280 {
       width: 41.666666%;
    }

    .cell.cell-6-from-1280 {
       width: 50%;
    }

    .cell.cell-7-from-1280 {
       width: 58.333333%;
    }

    .cell.cell-8-from-1280 {
       width: 66.666666%;
    }

    .cell.cell-9-from-1280 {
       width: 75%;
    }

    .cell.cell-10-from-1280 {
       width: 83.333333%;
    }

    .cell.cell-11-from-1280 {
       width: 91.666666%;
    }

    .cell.cell-12-from-1280 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-1280 {
       clear: both;
    }

    .cell.cell-content-center-from-1280  {
       text-align: center;
    }

    .cell.cell-hide-from-1280  {
       display: none;;
    }

    .to-top.till-1280 {
        order: 1;
    }

    .to-bottom.till-1280 {
        order: 2;
    }
 }


 /*************************************************************************************
    - responsive at 1024px width = cells get till-1024 100%
    - cells from change sizea for resolution <= 1024px
 *************************************************************************************/
 @media screen and (max-width : 1024px) {

    .cell.till-1024 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-1024 {
       width: 8.333333%;
    }

    .cell.cell-2-from-1024 {
       width: 16.666666%;
    }

    .cell.cell-3-from-1024 {
       width: 25%;
    }

    .cell.cell-4-from-1024 {
       width: 33.333333%;
    }

    .cell.cell-5-from-1024 {
       width: 41.666666%;
    }

    .cell.cell-6-from-1024 {
       width: 50%;
    }

    .cell.cell-7-from-1024 {
       width: 58.333333%;
    }

    .cell.cell-8-from-1024 {
       width: 66.666666%;
    }

    .cell.cell-9-from-1024 {
       width: 75%;
    }

    .cell.cell-10-from-1024 {
       width: 83.333333%;
    }

    .cell.cell-11-from-1024 {
       width: 91.666666%;
    }

    .cell.cell-12-from-1024 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-1024 {
       clear: both;
    }

    .cell.cell-content-center-from-1024  {
       text-align: center;
    }

    .cell.cell-hide-from-1024  {
       display: none;;
    }

    .to-top.till-1024 {
        order: 1;
    }

    .to-bottom.till-1024 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 960px width = cells get till-960 100%
    - cells from change sizea for resolution <= 960px
 *************************************************************************************/
 @media screen and (max-width : 960px) {

    .cell.till-960 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-960 {
       width: 8.333333%;
    }

    .cell.cell-2-from-960 {
       width: 16.666666%;
    }

    .cell.cell-3-from-960 {
       width: 25%;
    }

    .cell.cell-4-from-960 {
       width: 33.333333%;
    }

    .cell.cell-5-from-960 {
       width: 41.666666%;
    }

    .cell.cell-6-from-960 {
       width: 50%;
    }

    .cell.cell-7-from-960 {
       width: 58.333333%;
    }

    .cell.cell-8-from-960 {
       width: 66.666666%;
    }

    .cell.cell-9-from-960 {
       width: 75%;
    }

    .cell.cell-10-from-960 {
       width: 83.333333%;
    }

    .cell.cell-11-from-960 {
       width: 91.666666%;
    }

    .cell.cell-12-from-960 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-960 {
       clear: both;
    }

    .cell.cell-hide-from-960 {
       display: none;
    }

    .cell.cell-content-center-from-960  {
       text-align: center;
    }

    .cell.cell-hide-from-960  {
       display: none;;
    }

    .to-top.till-960 {
        order: 1;
    }

    .to-bottom.till-960 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 800px width = cells get till-800 100%
    - cells from change sizea for resolution <= 800px
 *************************************************************************************/
 @media screen and (max-width : 800px) {

    .cell.till-800 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-800 {
       width: 8.333333%;
    }

    .cell.cell-2-from-800 {
       width: 16.666666%;
    }

    .cell.cell-3-from-800 {
       width: 25%;
    }

    .cell.cell-4-from-800 {
       width: 33.333333%;
    }

    .cell.cell-5-from-800 {
       width: 41.666666%;
    }

    .cell.cell-6-from-800 {
       width: 50%;
    }

    .cell.cell-7-from-800 {
       width: 58.333333%;
    }

    .cell.cell-8-from-800 {
       width: 66.666666%;
    }

    .cell.cell-9-from-800 {
       width: 75%;
    }

    .cell.cell-10-from-800 {
       width: 83.333333%;
    }

    .cell.cell-11-from-800 {
       width: 91.666666%;
    }

    .cell.cell-12-from-800 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-800 {
       clear: both;
    }

    .cell.cell-content-center-from-800  {
       text-align: center;
    }

    .cell.cell-hide-from-800  {
       display: none;;
    }

    .to-top.till-800 {
        order: 1;
    }

    .to-bottom.till-800 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 720px width = cells get till-720 100%
    - cells from change sizea for resolution <= 720px
 *************************************************************************************/
 @media screen and (max-width : 720px) {

    .cell.till-720 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-720 {
       width: 8.333333%;
    }

    .cell.cell-2-from-720 {
       width: 16.666666%;
    }

    .cell.cell-3-from-720 {
       width: 25%;
    }

    .cell.cell-4-from-720 {
       width: 33.333333%;
    }

    .cell.cell-5-from-720 {
       width: 41.666666%;
    }

    .cell.cell-6-from-720 {
       width: 50%;
    }

    .cell.cell-7-from-720 {
       width: 58.333333%;
    }

    .cell.cell-8-from-720 {
       width: 66.666666%;
    }

    .cell.cell-9-from-720 {
       width: 75%;
    }

    .cell.cell-10-from-720 {
       width: 83.333333%;
    }

    .cell.cell-11-from-720 {
       width: 91.666666%;
    }

    .cell.cell-12-from-720 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-720 {
       clear: both;
    }

    .cell.cell-content-center-from-720  {
       text-align: center;
    }

    .cell.cell-hide-from-720  {
       display: none;
    }

    .to-top.till-720 {
        order: 1;
    }

    .to-bottom.till-720 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 640px width = cells get till-640 100%
    - cells from change sizea for resolution <= 640px
 *************************************************************************************/
 @media screen and (max-width : 640px) {

    .cell.till-640 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-640 {
       width: 8.333333%;
    }

    .cell.cell-2-from-640 {
       width: 16.666666%;
    }

    .cell.cell-3-from-640 {
       width: 25%;
    }

    .cell.cell-4-from-640 {
       width: 33.333333%;
    }

    .cell.cell-5-from-640 {
       width: 41.666666%;
    }

    .cell.cell-6-from-640 {
       width: 50%;
    }

    .cell.cell-7-from-640 {
       width: 58.333333%;
    }

    .cell.cell-8-from-640 {
       width: 66.666666%;
    }

    .cell.cell-9-from-640 {
       width: 75%;
    }

    .cell.cell-10-from-640 {
       width: 83.333333%;
    }

    .cell.cell-11-from-640 {
       width: 91.666666%;
    }

    .cell.cell-12-from-640 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-640 {
       clear: both;
    }

    .cell.cell-content-center-from-640  {
       text-align: center;
    }

    .cell.cell-hide-from-640  {
       display: none;
    }

    .to-top.till-640 {
        order: 1;
    }

    .to-bottom.till-640 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 540px width = cells get till-540 100%
    - cells from change sizea for resolution <= 540px
 *************************************************************************************/
 @media screen and (max-width : 540px) {

    .cell.till-540 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-540 {
       width: 8.333333%;
    }

    .cell.cell-2-from-540 {
       width: 16.666666%;
    }

    .cell.cell-3-from-540 {
       width: 25%;
    }

    .cell.cell-4-from-540 {
       width: 33.333333%;
    }

    .cell.cell-5-from-540 {
       width: 41.666666%;
    }

    .cell.cell-6-from-540 {
       width: 50%;
    }

    .cell.cell-7-from-540 {
       width: 58.333333%;
    }

    .cell.cell-8-from-540 {
       width: 66.666666%;
    }

    .cell.cell-9-from-540 {
       width: 75%;
    }

    .cell.cell-10-from-540 {
       width: 83.333333%;
    }

    .cell.cell-11-from-540 {
       width: 91.666666%;
    }

    .cell.cell-12-from-540 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-540 {
       clear: both;
    }

    .cell.cell-content-center-from-540  {
       text-align: center;
    }

    .cell.cell-hide-from-540  {
       display: none;
    }

    .to-top.till-540 {
        order: 1;
    }

    .to-bottom.till-540 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 480px width = cells get till-480 100%
    - cells from change sizea for resolution <= 480px
 *************************************************************************************/
 @media screen and (max-width : 480px) {

    .cell.till-480 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-480 {
       width: 8.333333%;
    }

    .cell.cell-2-from-480 {
       width: 16.666666%;
    }

    .cell.cell-3-from-480 {
       width: 25%;
    }

    .cell.cell-4-from-480 {
       width: 33.333333%;
    }

    .cell.cell-5-from-480 {
       width: 41.666666%;
    }

    .cell.cell-6-from-480 {
       width: 50%;
    }

    .cell.cell-7-from-480 {
       width: 58.333333%;
    }

    .cell.cell-8-from-480 {
       width: 66.666666%;
    }

    .cell.cell-9-from-480 {
       width: 75%;
    }

    .cell.cell-10-from-480 {
       width: 83.333333%;
    }

    .cell.cell-11-from-480 {
       width: 91.666666%;
    }

    .cell.cell-12-from-480 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-480 {
       clear: both;
    }

    .cell.cell-content-center-from-480  {
       text-align: center;
    }

    .cell.cell-hide-from-480  {
       display: none;
    }

    .to-top.till-480 {
        order: 1;
    }

    .to-bottom.till-480 {
        order: 2;
    }
 }

 /*************************************************************************************
    - responsive at 320px width = cells get till-320 100%
    - cells from change sizea for resolution <= 320px
 *************************************************************************************/
 @media screen and (max-width : 320px) {

    .cell.till-320 {
       width: 100%;
       float: none;
    }

    .cell.cell-1-from-320 {
       width: 8.333333%;
    }

    .cell.cell-2-from-320 {
       width: 16.666666%;
    }

    .cell.cell-3-from-320 {
       width: 25%;
    }

    .cell.cell-4-from-320 {
       width: 33.333333%;
    }

    .cell.cell-5-from-320 {
       width: 41.666666%;
    }

    .cell.cell-6-from-320 {
       width: 50%;
    }

    .cell.cell-7-from-320 {
       width: 58.333333%;
    }

    .cell.cell-8-from-320 {
       width: 66.666666%;
    }

    .cell.cell-9-from-320 {
       width: 75%;
    }

    .cell.cell-10-from-320 {
       width: 83.333333%;
    }

    .cell.cell-11-from-320 {
       width: 91.666666%;
    }

    .cell.cell-12-from-320 {
       width: 100%;
       float: none;
    }

    .cell.clear-from-320 {
       clear: both;
    }

    .cell.cell-content-center-from-320  {
       text-align: center;
    }

    .cell.cell-hide-from-320  {
       display: none;
    }

    .to-top.till-320 {
        order: 1;
    }

    .to-bottom.till-320 {
        order: 2;
    }
 }

 /*************************************************************************************
    - changes of paddings
 *************************************************************************************/
 /* responsive at 720px width = padding from 24 to 16px */
 @media screen and (max-width : 720px) {

    .container {
       padding: 0 32px;
    }

    .row {
       margin: 0 -32px;
    }

    .cell .row {
       margin: -16px;
    }

    .cell {
       padding: 16px;
    }

    .cell.no-spacing {
       padding: 0;
    }

    /* spacings */
    .spacer {
        padding: 16px;
    }
}


 /*************************************************************************************
    - changes color with other background
 *************************************************************************************/
.orange {
    background: #F7B435;
}

.orange p,
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.orange a {
    color: #FFF !important;
}

.blue {
    background: #053D54;
}

.blue p,
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue a {
    color: #FFF !important;
}

.gray {
    background: #EDEDEE;
}

.light-gray {
    background: #f9f9f9;
}

.gray p,
.gray h1,
.gray h2,
.gray h3,
.gray h4,
.gray h5,
.gray h6,
.gray a,
.light-gray p,
.light-gray h1,
.light-gray h2,
.light-gray h3,
.light-gray h4,
.light-gray h5,
.light-gray h6,
.light-gray a {
    color: #737373 !important;
}

 /*************************************************************************************
    - floating stop for color rows
 *************************************************************************************/
.row.orange::after,
.row.blue::after,
.row.light-gray::after {
    content: " ";
    display: block;
    clear: both;
}

 /*************************************************************************************
    - customer enhancements
 *************************************************************************************/
.customer-row {
    margin-top: 24px;
    margin-bottom: -16px;
    display: flex;
    justify-content: center;
    padding: 0;
}

.section.no-row.customer-row {
    padding: 0;
}

.customer-row.with-logo {
    justify-content: left;
    margin-top: 32px;
    position: relative;
    padding: 0 48px;
}

.customer-row.with-logo > p {
    position: absolute;
    right: 24px;
    top: -8px;
    width: 25%;
    max-width: 156px;
    padding: 0 !important;
}

.customer-row.with-logo > p img {
    width: 100%;
    height: auto;
}

.customer-row.with-logo .customer-field {
    position: relative;
    left: -62px;
}

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

    .customer-row.with-logo > p {
        right: 50%;
        margin-right: -78px;
        top: -14px;
        width: 156px;
    }

    .customer-row.with-logo .customer-field {
        left: 0;
    }

    .customer-row.with-logo {
        justify-content: center;
        padding-top: 92px !important;
        padding: 0;
    }
}

.image-header .row:first-child {
    position: relative;
}

.image-header .row:first-child p img {
    width: 100%;
    height: auto;
}

.image-header .row:first-child .cell:nth-child(2) {
    position: absolute;
    top: 48px;
    bottom: 0;
    right: 50%;
    left: 0;
    height: 100%;
    box-sizing: border-box;
    padding-top: 2rem;
    padding-left: 0;
}

.image-header .row:first-child .cell:first-child {
   padding: 24px 0;
}

#contentWrapper .image-header .row:first-child .cell:nth-child(2) p {
    background: #053D54;
    color: #FFF;
    font-weight: bold;
    padding: 12px 8px;
    margin: 4px 0;
    font-size: 24px;
    display: block;
    clear: both;
    float: left;
}

#contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
#contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
    background: #053D54;
    color: #FFF !important;
    font-weight: bold;
    padding: 12px 8px;
    margin: 4px 0;
    font-size: 17px;
    display: block;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    text-transform: none;
    clear: both;
    float: left;
}

#contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
    margin-top: 32px;
}

@media screen and (max-width : 1100px) {
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        font-size: 14px;
    }
}

@media screen and (max-width : 930px) {
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) p {
        font-size: 20px;
    }
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        font-size: 13px;
    }
}

@media screen and (max-width : 860px) {
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) p {
        font-size: 16px;
        padding: 8px 6px;
    }


    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        padding: 8px 4px;
    }
}

@media screen and (max-width : 820px) {
    .image-header .row:first-child .cell:nth-child(2) {
        top: 24px;
    }

    #contentWrapper .image-header .row:first-child .cell:nth-child(2) p {
        font-size: 14px;
    }


    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        font-size: 12px;
        font-weight: normal;
    }
}

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

    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        font-size: 11px;
    }
}

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

    #contentWrapper .image-header .row:first-child .cell:nth-child(2) p {
        font-size: 12px;
        font-weight: normal;
    }

    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        font-size: 10px;
    }
}

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

    .image-header .row:first-child .cell:nth-child(2) {
        position: relative;
        top: -22px;
        left: 0;
        right: 0;
        padding-top: 0;
        padding-right: 0;
    }

    .image-header .row:first-child .cell:nth-child(1) {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #contentWrapper .image-header .row:first-child .cell:nth-child(2) p {
      font-size: 14px;
      display: block;
      text-align: center;
      margin: 0;
      padding: 2px;
      float: none;
    }

    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
    #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
        font-size: 12px;
        margin-top: 12px;
        display: block;
        text-align: center;
        float: none;
    }

    .image-header .row:first-child + .spacer {
       display: none;
    }
}


@media screen and (max-width : 1134px) {
    .customer-row {
        margin-bottom: -8px;
    }
}

@media screen and (max-width : 720px) {
    .customer-row {
        margin-top: 16px;
    }
}

.customer-row .customer-field {
    width: 200px;
    height: 78px;
    flex: 0 1 auto;
}

.customer-row .customer-field img {
    width: 20px;
    height: auto;
}

.customer-row .customer-field p {
    padding: 0 !important;
}

/*google*/
.customer-row .customer-field.google-field {
    text-align: center;
}

.customer-row .customer-field.google-field p:nth-child(1) img {
    width: auto;
    height: 32px;
    margin-bottom: -8px;
}

.customer-row .customer-field.google-field p:nth-child(2),
.customer-row .customer-field.google-field p:nth-child(3) {
    display: inline-block;
}

.customer-row .customer-field.google-field p:nth-child(2) {
    color: #e7711b  !important;
    font-size: 20px !important;
    position: relative;
    top: -1px;
}

.google-count {
    display: block;
    color: #4285f4 !important;
    font-size: 12px !important;
}

/* sender */
.customer-row .customer-field.sender-field {
    text-align: center;
}

.sender-text {
    display: block;
    color: #053D54;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 8px;
}

.customer-row .customer-field.sender-field img {
    width: auto;
    height: 26px;
    display: inline-block;
    margin: 0 4px;
}

/* jubilaeum */
.customer-row .customer-field.jubilaeum-field {
    text-align: center;
    position: relative;
}

.customer-row .customer-field.jubilaeum-field p {
    display: inline-block;
}

.customer-row .customer-field.jubilaeum-field img {
    width: auto;
    height: 56px;
    display: inline-block;
}

.jubilaeum-year {
    display: block;
    color: #e69937;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translate(-50%, 0);
}

.jubilaeum-text {
    display: block;
    color: #e69937;
    font-size: 18px;
    margin-top: -6px;
}

@media screen and (max-width : 640px) {
    .customer-row .customer-field {
        width: 120px;
        height: 60px;
    }

    .customer-row .customer-field img {
        width: 16px;
    }

    /*google*/
    .customer-row .customer-field.google-field p:nth-child(1) img {
        height: 24px;
        margin-bottom: -12px;
    }

    .customer-row .customer-field.google-field p:nth-child(2) {
        font-size: 14px !important;
    }

    .google-count {
        font-size: 10px !important;
        line-height: 6px;
    }

    /* sender */
    .customer-row .customer-field.sender-field img {
        height: 16px;
    }

    .sender-text {
        font-size: 12px;
        margin-top: 12px;
        margin-bottom: 2px;
    }

    /* jubilaeum */

    .customer-row .customer-field.jubilaeum-field img {
        height: 42px;
    }

    .jubilaeum-year {
        font-size: 14px;
        top: 14px;
    }

    .jubilaeum-text {
        font-size: 12px;
        margin-top: -2px;
    }
}

@media screen and (max-width : 380px) {
   .customer-row.with-logo {
      margin-top: 0;
   }

   /* logo */
   .customer-row.with-logo > p {
      right: 50%;
      margin-right: -60px;
      top: 12px;
      width: 120px;
   }

   /* sender */
   .customer-row .customer-field.sender-field img {
       height: 14px;
   }

   #contentWrapper .image-header .row:first-child .cell:nth-child(2) h4,
   #contentWrapper .image-header .row:first-child .cell:nth-child(2) h1 {
      font-size: 10px;
      line-height: 14px;
   }
}