HTML {
		height: 100%;
		width: 100%;
	}
	
	BODY {
		background-color: #fff;
		color: #111;
		font-family: "Gotham", Arial, sans-serif;
		font-size: 96%;
		line-height: 160%;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	A {
		color: #0872b1;
	}
	
	HR {
		border: 0;
		background: #ddd;
		height: 1px;
		margin: 30px 0;
		width: 100%;
	}
								
	.page-wrapper {
		margin: 0;
		width: 100%;
	}
	
	.header {
		background-color:#353637;
		overflow:hidden;
		z-index:99999
	}
	
	.header-logo {
		display: block;
		margin:8px 0 12px 15px;
		width:127px;
	}
				
	.main-content {
		margin: 60px auto;
		width: 50%;
	}

	H1 {
		background-image: url('https://img.icons8.com/color/48/box-important--v1.png');
		background-repeat: no-repeat;
		background-size: 40px;
		background-position: 0 0;
		font-size: 2.2em;
		line-height: 1.3em;
		margin: 0 0 20px -48px;
		padding-left: 48px;
	}
	
	@media only screen and (max-width: 1023px) {
		.main-content {
			width: 80%;
		}
	}
	
	@media only screen and (max-width: 767px) {
		.main-content {
			width: 90%;
			margin: 30px auto;
		}
		H1 {
			background-size: 30px;
			font-size: 1.6em;
			margin-left: 0;
			padding-left: 36px;
		}
	}

	@media only screen and (max-width: 369px) {

		.header-title {
			width: 270px;
	}