* {
	box-sizing: border-box;
}

body {
	overflow-y: scroll;
}

body, a {
	font-family: sans-serif; 
	color: #737373; 
	line-height: 1.4;
}

img {
	max-width: 100%;
	height: auto;
}

.container {
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
	padding: 0 15px;
}

header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 50px;
	justify-content: space-between;
}

@media (max-width: 700px) {
	header {
		padding-bottom: 50px;
	}
}

@media (max-width: 500px) {
	header {
		flex-direction: column;
		justify-content: center;
	}
	
	header a:first-child {
		padding-bottom: 25px;
		max-width: 150px;
	}
}

.content {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.content > * {
	width: 457px;
	max-width: 100%;
}

.footer {
	display: flex;
	justify-content: flex-end;
	padding-top: 75px;
	padding-bottom: 25px;
}