/*<mobile>*/

.inline-box p {
display: inline-block;
margin-right: 20px;
}

/*----------------------------------------------------------------------
SECTION SDG
------------------------------------------------------------------------*/
#homepage .colway1 {
background-color: /*<logo2>*/ ;
}

#homepage .colway1 h3 {
font-family: 'source_sans_proregular', sans-serif;
color: #ffffff;
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 1.3;
letter-spacing: .04em;
word-spacing: .08em;
}
/*----------------------------------------------------------------------
PICTURE BOX 8
------------------------------------------------------------------------*/
#sdg ol {
margin: 0;
padding: 0;
background-color:#E9E9EC;
}

#sdg {
list-style: none;
counter-reset: my-awesome-counter;
}
#sdg .gs {
counter-increment: my-awesome-counter;
padding-left: 10px;
margin-left: 22px;
}

#sdg #sdg-10 .gs,#sdg #sdg-11 .gs,#sdg #sdg-12 .gs,#sdg #sdg-13 .gs,#sdg #sdg-14 .gs,#sdg #sdg-15 .gs,#sdg #sdg-16 .gs,#sdg #sdg-17 .gs {
padding-left: 10px;
margin-left: 30px;
}

#sdg .gs::before {
content: counter(my-awesome-counter)".";

color: #ffffff;
font-size: 22px;
font-family: 'robotobold', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;

width:25px;
/*height:15px;*/
display:inline-flex;
justify-content: left;
margin-left: -27px;/* line up second line with first line */
}

#sdg #sdg-10 .gs::before,#sdg #sdg-11 .gs::before,#sdg #sdg-12 .gs::before,#sdg #sdg-13 .gs::before,#sdg #sdg-14 .gs::before,#sdg #sdg-15 .gs::before,#sdg #sdg-16 .gs::before,#sdg #sdg-17 .gs::before {
content: counter(my-awesome-counter)".";

width:35px;
/*height:15px;*/
display:inline-flex;
justify-content: left;
margin-left: -37px;/* line up second line with first line */
}

#sdg .bx {
padding-top:5px ;
padding-bottom:5px ;
}

#sdg li {
color: #ffffff;

font-size: 18px;
font-family: 'robotomedium', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.2;
letter-spacing: .07em;
}

#sdg .imgbox {
height: 70px;
}

/* ---------------------------------------------------- */

#sdg-1.bx{
background-color:#EA1B2C ;
}
#sdg-1 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-1.svg") no-repeat scroll center center ;
}

#sdg-2.bx{
background-color:#D19E28 ;
}
#sdg-2 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-2.svg") no-repeat scroll center center ;
}

#sdg-3.bx{
background-color:#279A46 ;
}
#sdg-3 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-3.svg") no-repeat scroll center center ;
}

#sdg-4.bx{
background-color:#C21E32 ;
}
#sdg-4 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-4.svg") no-repeat scroll center center ;
}

#sdg-5.bx{
background-color:#EF3F29 ;
}
#sdg-5 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-5.svg") no-repeat scroll center center ;
}

#sdg-6.bx{
background-color:#00ACD8 ;
}
#sdg-6 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-6.svg") no-repeat scroll center center ;
}

#sdg-7.bx{
background-color:#FCB611 ;
}
#sdg-7 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-7.svg") no-repeat scroll center center ;
}

#sdg-8.bx{
background-color:#8E1737 ;
}
#sdg-8 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-8.svg") no-repeat scroll center center ;
}

#sdg-9.bx{
background-color:#F26D22 ;
}
#sdg-9 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-9.svg") no-repeat scroll center center ;
}

#sdg-10.bx{
background-color:#E01383 ;
}
#sdg-10 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-10.svg") no-repeat scroll center center ;
}

#sdg-11.bx{
background-color:#F89C22 ;
}
#sdg-11 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-11.svg") no-repeat scroll center center ;
}

#sdg-12.bx{
background-color:#CD8B28 ;
}
#sdg-12 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-12.svg") no-repeat scroll center center ;
}

#sdg-13.bx{
background-color:#47773C ;
}
#sdg-13 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-13.svg") no-repeat scroll center center ;
}

#sdg-14.bx{
background-color:#007CBB;
}
#sdg-14 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-14.svg") no-repeat scroll center center ;
}

#sdg-15.bx{
background-color:#3EAE48 ;
}
#sdg-15 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-15.svg") no-repeat scroll center center ;
}

#sdg-16.bx{
background-color:#00548A ;
}
#sdg-16 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-16.svg") no-repeat scroll center center ;
}

#sdg-17.bx{
background-color:#193667 ;
width: 100%;
text-align: center;
}
#sdg-17 .imgbox {
background: transparent url("images/cnt/un-icons/un-sdg-icon-17.svg") no-repeat scroll center center ;
}

/* ---------------------------------------------------- */


.cnt .picturebox-eight {
padding: 5px;
background-color:#E9E9EC;
box-sizing: border-box;
max-width: 1240px;
}

.cnt .picturebox-eight .grid.eight .bx {
width: 25%;
margin:0 !important;
border: 1px solid #E9E9EC;
}
/*----------------------------------------------------------------------
@MEDIA SCREEN
///////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 875px) {
/* ---------------------------------------------------- */
.cnt .picturebox-eight{
/*padding: 3px 3px; */
max-width: 600px;
}

.cnt .picturebox-eight .grid.eight .bx {
width: 50%;
/*padding-top: 3px;
padding-bottom:3px;*/
}
/* ---------------------------------------------------- */
}
/* /////////////////////////////////////////////////// */
/* END PICTURE BOX 8 */


/*</mobile>*/