.section-hig {
	padding-top: 180px;
	padding-bottom: 64px;
	background: #0983ff;
  background: -moz-linear-gradient(180deg, #399fd5 0%,  #0983ff 100%);
  background: -webkit-linear-gradient(180deg, #399fd5 0%, #0983ff 100%);
  background: linear-gradient(180deg, #399fd5 0%, #0983ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399fd5', endColorstr='#0983ff',GradientType=0 );
	color: white;
	margin-bottom: 16px;
	position: relative;
}

.image-hig-hero {
	width: 503px;
	height: 174px;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -251px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/hig-hero-large.png);
	background-size: 503px 174px;
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 735px) {
	.section-hig {
		padding-top: 120px;
	}

	.image-hig-hero {
		width: 301px;
		height: 104px;
		margin-left: -150px;
		background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/hig-hero-small.png);
		background-size: 301px 104px;
	}
}

.section-hig a {
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 2;
}

.hig-links {
	padding-top: 48px;
}

.section-design-awards {
	padding-top: 128px;
	padding-bottom: 128px;
	margin-bottom: 16px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/ada-2017-hero.jpg);
	background-size: 1440px 716px;
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 735px) {
	.section-design-awards {
		padding-top: 400px;
		background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/ada-2017-hero-small.jpg);
		background-position: center -20px;
		background-size: 621px 497px;
	}
}

.section-videos {
	padding-top: 128px;
	padding-bottom: 128px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/bg-videos.jpg);
	background-size: cover;
	margin-bottom: 16px;
}

.section-videos a {
	color: white;
}

.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/* Accessibility */

.section-accessibility {
	background-color: #FAFAFA;
	padding-top:64px;
	padding-bottom:64px;
	width: 50%;
	float: left;
	min-height: 380px;
	text-align: center;
	margin-bottom: 16px;
}

.section-accessibility .section-content {
  width: 100%;
  max-width: 490px;
  float: right;
}

.section-accessibility a {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
	.section-accessibility {
		min-height: 400px;
	}

  .section-accessibility .section-content {
    max-width: 346px;
  }
}

@media only screen and (max-width: 735px) {
	.section-accessibility {
		width: 100%;
  	float: none;
  	margin-left: 0;
		min-height: auto;
	}

  .section-accessibility .section-content {
    width: 87.5%;
    max-width: inherit;
    float: none;
  }
}


/* Localization */

.section-localization {
	background-color: #FAFAFA;
	padding-top:64px;
	padding-bottom:64px;
	width: 49%;
	float: left;
	margin-left:1%;
	min-height: 380px;
	text-align: center;
	margin-bottom: 16px;
}

.section-localization .section-content {
  width: 99%;
  max-width: 490px;
  float: left;
}

.section-localization a {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
	.section-localization {
		min-height: 400px;
	}

  .section-localization .section-content {
    max-width: 346px;
  }
}

@media only screen and (max-width: 735px) {
	.section-localization {
		width: 100%;
		float: none;
		margin-left: 0;
		min-height: auto;
	}

  .section-localization  .section-content {
    width: 87.5%;
    max-width: inherit;
    float: none;
	}
}

/* App Store */

.section-app-store {
	background-color: #FAFAFA;
	padding-top:64px;
	padding-bottom:64px;
	width: 50%;
	float: left;
	min-height: 380px;
	text-align: center;
	margin-bottom: 16px;
	min-height: 600px;
}

.section-app-store .section-content {
  width: 100%;
  max-width: 490px;
  float: right;
}

.section-app-store a {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
  .section-app-store .section-content {
    max-width: 346px;
  }
}

@media only screen and (max-width: 735px) {
	.section-app-store {
		width: 100%;
  	float: none;
  	margin-left: 0;
		min-height: auto;
	}

  .section-app-store .section-content {
    width: 87.5%;
    max-width: inherit;
    float: none;
  }
}


/* accessories */

.section-accessories {
	background-color: #FAFAFA;
	padding-top:64px;
	padding-bottom:64px;
	width: 49%;
	float: left;
	margin-left:1%;
	min-height: 380px;
	text-align: center;
	margin-bottom: 16px;
	min-height: 600px;
}

.section-accessories .section-content {
  width: 99%;
  max-width: 490px;
  float: left;
}

.section-accessories a {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
  .section-accessories .section-content {
    max-width: 346px;
  }
}

@media only screen and (max-width: 735px) {
	.section-accessories {
		width: 100%;
		float: none;
		margin-left: 0;
		min-height: auto;
	}

  .section-accessories  .section-content {
    width: 87.5%;
    max-width: inherit;
    float: none;
	}
}

figure[data-figure-id="icon-accessibility"] {
	width: 128px;
	height: 128px;
	margin: 2em auto 0;
	background-size: 128px 128px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/assets/elements/icons/accessibility/accessibility-128x128.png);
}

figure[data-figure-id="icon-localization"] {
	width: 320px;
	height: 128px;
	margin: 2em auto 0;
	background-size: 320px 93px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/icon-localization.png);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (max-width: 1068px) {
	figure[data-figure-id="icon-localization"] {
		width: 209px;
		background-size: 209px 93px;
		background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/icon-localization-small.png);
	}
}

figure[data-figure-id="icon-app-store"] {
	width: 128px;
	height: 128px;
	margin: 2em auto 0;
	background-size: 128px 128px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/assets/elements/icons/app-store/app-store-128x128.png);
}

figure[data-figure-id="icon-accessories"] {
	width: 128px;
	height: 128px;
	margin: 2em auto 0;
	background-size: 128px 128px;
	background-image: url(/National_Library/20160930123623oe_/https://developer.apple.com/design/images/icon-accessories.png);
}