#feature-wrapper {
	background-image: url(/ja/resources/images/overview/resources_feature_graphic_2x.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#feature-wrapper.fh2 { text-align: center; }
#feature-wrapper.fh2 h1 { margin-bottom: 0px; }
#feature-wrapper.fh2 p {color:#fff;}

#diy .d4 .column:nth-child(1), #diy .d4 .column:nth-child(2) { margin-bottom: 48px; }
#diy .d4 .column .column-content {display: block; flex-direction: row;}

/* SH7 */
.sh4 {background-size: cover; background-repeat: no-repeat;background-position: center; min-height: 600px; padding-top: 96px; /* Nav padding */ display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; position: relative; padding: 0px;}
.sh4 .section-image {background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 720px; margin-bottom: 280px; top: 0px;}
.sh4 .section-width {position: absolute; left: 50%; margin-left: -500px; bottom: 0px;}
.sh4 .section-width .section {display: block; padding: 0px;}
.sh4 .row {background-color: #333; padding: 96px;}
.sh4 .row.nested {padding: 0px;}
.sh4 h2, .fh3 .h2 {color: #fff; font-size: 48px; line-height: 52px; margin-bottom: 24px;}
.sh4 p, .fh3 a {font-size: 20px; line-height: 28px; margin-bottom: 0px;}
.sh4 p {color: #fff; }
.sh4 a {color: #34c759; display: inline-block; margin-top: 40px;}
.sh4 a:hover {color: #4fe669;}

/* MEDIUM SCREENS */
@media only screen and (max-width: 1068px) {
  .sh4 {flex-direction: column;}
  .sh4 .section-image {height:560px; margin-bottom: 0px;}
  .sh4 .section-width {width: 80%; position: relative; left: 0px; margin-top: -80px; display: block; margin-left: auto;}
  .sh4 .row {padding: 80px;}
  .sh4 .row.nested {padding: 0px;}
  .sh4 h2, .sh4 .h2 {font-size: 40px; line-height: 44px;}
}

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
  .sh4 .section-width {width: 100%; margin-top: 0px;}
  .sh4 .section-image {height: 480px;}
  .sh4 .row {padding: 64px;}
  .sh4 .row.nested {padding: 0px;}
  .sh4 h2, .sh4 .h2 {font-size: 32px; line-height: 36px;}
	#diy .sh2 p:last-child {margin-bottom: 24px;}
}


/* Join the movement */
#join-the-movement .section-image {
  background-image: url(/resources/images/overview/devcon_2x.jpg);
  background-position: top center;
}
#join-the-movement .row-flex {padding-top: 60px;}
#join-the-movement .row-flex .column:first-child {padding-right: 60px}
#join-the-movement .row-flex .column:last-child {padding-left: 60px;}
#join-the-movement .row-flex .column-content {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  height: 100%;
}

#join-the-movement .row-flex .column-content h3, #join-the-movement .row-flex .column-content .h3 {color: #fff}
#join-the-movement .row-flex .column-content p {margin-bottom: 16px;font-size: 16px;line-height: 24px;font-weight: 300;}
#join-the-movement .row-flex .column-content a { 
  align-self: baseline;
  margin-bottom: 0px;
  margin-top: auto;
}

/* MEDIUM SCREENS */
@media only screen and (max-width: 1068px) {
  #join-the-movement.sh4 .row.nested {text-align:center;}
  #join-the-movement .row-flex .column:first-child {padding-right: 16px}
  #join-the-movement .row-flex .column:last-child {padding-left: 16px;}
}

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	#diy .d4 .column:nth-child(1), #diy .d4 .column:nth-child(2) { margin-bottom: 0px; }
	
  #join-the-movement .row-flex {display: block;}
  #join-the-movement .row-flex .column:first-child {padding-right: 0px; margin-bottom: 40px;}
  #join-the-movement .row-flex .column:nth-child(2) {margin-bottom: 40px;}
  #join-the-movement .row-flex .column:last-child {padding-left: 0px;}
  #join-the-movement .row-flex .column-content {display: block; text-align: center;}
  #join-the-movement .row-flex .column-content h3, #join-the-movement .row-flex .column-content .h3 {margin-bottom: 16px;}
	#join-the-movement .section-image {background-position: 33%;}
	
	/* Codex */
	.xl-lg-m-two-column-wrap .column-2 { width: 100%; }
}

.d4 h3 { margin-bottom: 8px;}
/* Codex */
	.d4 a:last-child { margin-bottom: 0px;}
	.d4-text {width: 80%; margin: 0 auto; }
	/* SMALL SCREENS */
	@media only screen and (max-width: 735px) {
		.d4-text {width: 100%; }
	}


.d6 .img.img-blog { background-image: url(/resources/images/overview/blog.jpg);background-repeat: no-repeat; background-position: center; background-size: contain; height: 251px; }
/* SMALL SCREENS */
	@media only screen and (max-width: 735px) {
		.d6.image-text .image-col { order: 1; margin-bottom: 24px; }
		.d6.image-text .text-col { order: 2; text-align: center; }
		#get-in-the-know h3 { margin-bottom: 16px; }
	}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	#feature-wrapper {		background-image: url(/resources/images/overview/resources_feature_graphic_2x.jpg);	}	
	
	.d6 .img.img-blog { background-image: url(/resources/images/overview/blog_2x.jpg);}

}

.d9 { background-color: #f5cd50; }
.d9 p { margin-bottom: 40px;}
.d9 svg.shape1 { fill:#eca521;}
.d9 svg.shape2 { margin-left: 275px; }
.d9 svg.shape2 .semicircle {
    fill: #2c2c2e;
}
.d9 svg.shape2 .arc {
    stroke: #7fca8a;
}

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	.d9 svg.shape2 { display: none; }
}