$aws_orange: #f7a80d;

.aws-content,
.aws-updated,
.aws-compatibility-notice {
	box-sizing: border-box;
	max-width: 650px;
}

.toplevel_page_amazon-web-services {
	.error,
	.notice,
	.updated {
		box-sizing: border-box;
		max-width: 650px;
	}
}

.aws-settings {
	h3 {
		font-size: 20px;
	}

	.need-help {
		background-color: #fff;
		padding: 20px 20px 20px 50px;
		line-height: 1;
		font-size: 16px;
		font-weight: bold;
		position: relative;

		&:before {
			font-family: "dashicons";
			content: "\f348";
			font-size: 24px;
			line-height: 1;
			width: 24px;
			height: 24px;
			position: absolute;
			top: 16px;
			left: 16px;
		}

		a {
			text-decoration: none;
		}
	}

	> p {
		font-size: 14px;
	}
}

body.toplevel_page_amazon-web-services .wrap {
	h1 {
		color: #fff;
		font-weight: 600;
		font-size: 26px;
		line-height: 1;
		margin: 20px 0 15px 0;
		width: 650px;
		padding: 100px 0 0 25px;
		height: 150px;
		background: $aws_orange url(../img/aws-logo.svg) right 40px center no-repeat;
		background-size: 100px 79px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
}
