/*
	Arcana by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Lists */

	ul.actions li {
		display: block;
		padding: 1.5em 0 0 0;
	}

		ul.actions li:first-child {
			padding: 0;
		}

/* Icon */

	.icon.major {
		width: 4em;
		height: 4em;
		line-height: 4em;
		box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
	}

		.icon.major:before {
			font-size: 24px;
		}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		width: 100%;
		display: block;
	}

/* Box */

	.box.highlight {
		padding-left: calc(4em + 30px);
	}

	.box.post .inner {
		margin-left: calc(30% + 20px);
	}

	.box.post .image {
		width: 30%;
	}

/* Banner 20em*/

	#banner {
	
		max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */

	}

		#banner header {
			padding: 20px;
		}

/* Wrapper */

	.wrapper {
		padding: 2em 20px 1px 20px;
	}

/* CTA */

	#cta {
		padding: 20px;
	}

/* Footer */

	#footer {
		padding: 2em 20px;
		text-align: left;
	}