/* UNIVERSAL STYLES */

html {
	scroll-behavior: smooth;
}
body {
	font-family: Arial, sans-serif;
}
img {
	border: none;
}
.header {
	max-width: 1400px;
	height: 800px;
	margin: auto;
	background-image: url(images/header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	
}
.logo {
	max-width: 1000px;
	padding: 50px 100px;
	margin: auto;
}
.title {
	max-width: 900px;
	margin: auto;
}
.buttons {
	max-width: 1400px;
	margin: auto;
	text-align: center;
	padding-bottom: 100px;
}
.btn {
	height: 198px;
	width: 400px;
	background-size: 400px 198px;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	line-height: 48px;
	text-decoration: none;
	cursor: pointer;
}
.hunter {
	background-image: url(images/btn_hunter.png);
}
.walker {
	background-image: url(images/btn_walker.png);
}
.dewey {
	background-image: url(images/btn_dewey.png);
}
.container {
	max-width: 1400px;
	padding: 0 50px;
	margin: auto;
}

@media (max-width: 800px) {

.header {
	height: 500px;
}
.logo {
	max-width: 1000px;
	padding: 30px 50px;
	margin: auto;
}
	
}

@media (max-width: 500px) {

.header {
	height: 450px;
}
.logo {
	max-width: 1000px;
	padding: 20px 30px;
	margin: auto;
}
.btn {
	height: 149px;
	width: 300px;
	background-size: 300px 149px;
}
.title {
	max-width: 900px;
	margin: auto;
	padding-top: 30px;
}
	
}