header {
	height:12rem;
	background-size:cover;
	width:100%;
	position:relative;
	margin-top:-50px;
}
header .logo {
	position:absolute;
	top:1.3rem;
	left: 2.3rem;
	width:8rem;
	height:8rem;
}
footer {
	text-align:center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.mob {
	.content {
		min-height:calc(100vh - 10px - 96px);
	}
	header {
		margin-left: -20px;
		margin-right: -20px;
		width:unset;
	}
	header .logo {
		top: 2.6rem;
		left: 0.6rem;
	}
}

.def {
	footer {
		color:#fff;
	}

	.content { margin:0 calc((100% - 768px - 30px)/2); }

	@media screen and (max-width: 1040px) {
		.content { margin:0 calc((100% - 768px - 30px)/2); }
	}
	@media screen and (min-width: 1040px) {
		.content { margin:0 calc((100% - 768px - 30px)/2); }
	}
	@media screen and (min-width: 1140px) {
		.content { margin:0 calc((100% - 768px - 30px)/2); }
	}
}