.content-container { width:1200px; position:relative; margin:80px auto;}

.content-col-1 { width:660px; float:left; padding-top:20px; padding-bottom:20px; margin-right:80px;}
.content-col-2 { width:460px; float:left; }
.content-col-1 a, .sustainable-development-goals-container a { color:#000; opacity:0.8; text-decoration:underline; transition:0.3s; font-family: "Open Sans", sans-serif;}
.content-col-1 a:hover, .sustainable-development-goals-container a:hover { text-decoration:none; opacity:1;  }

.thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}

.thumbnail {
  width: 60px;
  height: 40px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}

.thumbnail img {
  width: 100%;
  height: auto;
}

.csr { 
    background:url("../img/sustainability/history_bg.jpg");
    width:100%; 
    background-repeat: no-repeat;
  background-size: cover;
}
.csr-container { 
    width:1200px; margin:0 auto; padding-top:80px; padding-bottom:80px; 
}

.sustainable-development-goals { 
    background:#ddf0f7;
    width:100%; 
    background-repeat: no-repeat;
    background-size: cover;
}
.sustainable-development-goals-container { 
    width:1200px; margin:0 auto; padding-top:80px; padding-bottom:80px; 
}

.sustainability-column-left { float:left; width:690px; margin-right:60px; }
.sustainability-column-right { float:left; width:450px; }

.jurong-island-csr { 
    background:#eefaff;
    width:100%; 
    background-repeat: no-repeat;
  background-size: cover;
}
.jurong-island-csr-container { 
    width:1200px; margin:0 auto; padding-top:80px; padding-bottom:60px; 
}

.csr-activity-column-left { float:left; width:550px; margin-right:100px; }
.csr-activity-column-right { float:left; width:550px; }

.csr-activity-img { position:relative; }
.csr-activity-img span { position:absolute; background:rgba(255,255,255,0.9); font-size:14px; line-height:14px; bottom:10px; left:10px; padding:10px; }

.csr-white-background-content-container { width:1200px; margin:0 auto; padding-top:80px; padding-bottom:60px;  }

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

.content-container { width:740px; position:relative; margin:60px auto;}

.content-col-1 { width:400px; float:left; padding-top:20px; padding-bottom:20px; margin-right:40px;}
.content-col-2 { width:300px; float:left; }

.csr { 
    background:url("../img/sustainability/history_bg.jpg");
    width:100%; 
    background-repeat: no-repeat;
  background-size: cover;
}
.csr-container { 
    width:740px; margin:0 auto; padding-top:60px; padding-bottom:60px; 
}

.csr-activity-img img { max-width:100%;}

.sustainable-development-goals { 
    background:#ddf0f7;
    width:100%; 
    background-repeat: no-repeat;
    background-size: cover;
}
.sustainable-development-goals-container { 
    width:740px; margin:0 auto; padding-top:60px; padding-bottom:60px; 
}

.sustainability-column-left { float:left; width:690px; margin-right:60px; }
.sustainability-column-right { float:left; width:450px; }

.jurong-island-csr { 
    background:#eefaff;
    width:100%; 
    background-repeat: no-repeat;
  background-size: cover;
}
.jurong-island-csr-container { 
    width:740px; margin:0 auto; padding-top:80px; padding-bottom:60px; 
}

.csr-activity-column-left { float:left; width:350px; margin-right:40px; }
.csr-activity-column-right { float:left; width:350px; }

.csr-white-background-content-container { width:740px; margin:0 auto; padding-top:80px; padding-bottom:60px;  }

}


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

	.content-container { width:100%; position:relative; margin:20px auto;}
	.content-col-1 { width:90%; float:none; padding-top:20px; padding-bottom:10px; margin:0 auto;}
	.content-col-2 { width:90%; float:none; margin:0 auto;}
	.csr-container, .sustainable-development-goals-container, .jurong-island-csr-container, .csr-white-background-content-container { 
    width:90%; margin:0 auto; padding-top:40px; padding-bottom:40px; 
}
	.csr-activity-column-left, .csr-activity-column-right { float:none; width:100%; margin:20px auto; }

    .csr-activity-column-left img, .csr-activity-column-right img, .sustainability-column-right img { max-width:100%; width:100%;}
}