.aws-content {
	max-width: 800px;
}

.addon {
	margin-top: 10px;
	width: 772px;
	height: 250px;
	background-size: 772px 250px;
	background-repeat: no-repeat;
	position: relative;

	.info {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}

	h1 {
		font-size: 24px;
		margin: 0;
		background-color: #000;
		color: #fff;
		font-weight: bold;
		padding: 20px;
		margin-bottom: 18px;
		border-radius: 3px;
	}

	.actions  {
		li {
			float: left;
			margin-right: 10px;
		}

		a, span {
			background-color: #000;
			border-radius: 15px;
			color: #fff;
			padding: 8px 15px;
			text-decoration: none;
		}

		a:hover {
			background-color: #333;
		}

		span {
			color: #ccc;
		}
	}
}

.addon.as3cf {
	background-image: url(http://s-plugins.wordpress.org/amazon-s3-and-cloudfront/assets/banner-772x250.jpg);

	@media (min--moz-device-pixel-ratio: 1.3),
				 (-o-min-device-pixel-ratio: 2.6/2),
				 (-webkit-min-device-pixel-ratio: 1.3),
				 (min-device-pixel-ratio: 1.3),
				 (min-resolution: 1.3dppx) {
		background-image: url(http://s-plugins.wordpress.org/amazon-s3-and-cloudfront/assets/banner-1544x500.jpg);
	}
}