@font-face {
	font-family: Interstate Mazda Bold;
	src: url(fonts/InterstateMazda-Bold_0.ttf);
}

@font-face {
	font-family: Interstate Mazda Regular;
	src: url(fonts/InterstateMazda-Regular_0.ttf);
}

@font-face {
	font-family: Interstate Mazda Light;
	src: url(fonts/InterstateMazda-Light_0.ttf);
}

html, body {
	font-family: Interstate Mazda Regular;
	min-width: 640px;
}

ul {
	margin: 0;
	padding: 0;
}



ul li {
	list-style-type: none;
}

input[type='button'] {
	color: #ffffff;
	border-radius: 2px;
	border: none;
	width: 320px;
	/* width: 27.35042%; */
	height: 50px;
	font-size: 16px;
	background: linear-gradient(to bottom, #3d8cd9, #2477c7);
}

.text {
	text-align: center;
	font-size: 32px;
	font-family: Interstate Mazda Light;
	margin-top: 200px;
}

.text .heading {
	font-size: 40px;
}

.row {
	margin: 0;
}


p.heading {
	font-size: 24px;
	font-family: Interstate Mazda Bold;
}

.container {
	/* max-width: 1170px; */
	max-width: 2000px;
	min-width: 640px;
	margin: 0 auto;
}

.article {
	background: #f0f0f0;
	padding: 48px 0 85px 0;
}

.buttons {
	padding: 40px 0;
	background: #33414d;
}

.picture {
	background: url(images/cover.jpg);
	height: 800px;
	background-position: 50%;
}

strong {
	font-family: Interstate Mazda Bold;
}

.phones {
	padding-top: 20px;
	padding-bottom: 20px;
}


.footnote {
	color: #647685;
	padding-bottom: 18px;
	/* width: 320px; */
	text-align: center;
}

.footnote.left{
	float: right;
}



header {
	background: #ffffff;
}

footer {
	background: #33414d;
	color: #bdc0c2;
	padding: 45px 0 60px 0;
}

footer a {
	color: #bdc0c2;
	text-decoration: underline;
	transition: all 0.3s;
}

footer a:hover {
	color: #f2f3f3;
}

.highlighted {
	color: #f2f3f3;
}

.logo {
	/* width: 100%; */
}



@media (max-width: 1200px) {
	.hide-on-tablet {
		display: none;
	}

	.col-xs-3.logo {
		display: inline-block;
		min-width: 290px;
	}

	.logo-left {
		min-width: 290px;
	}

	.phones {
		min-width: 195px;
	}

	.logo-right {
		min-width: 285px;	
	}
}

@media (max-width: 767px) {

	.footnote.right{
		margin-top: 60px;
	}
}


@media (max-width: 660px) {
	.hide-on-mobile {
		display: none;
	}

	.footnote.right{
		margin-top: 60px;
	}

	.col-xs-3.logo {
		min-width: 160px;
	}
}

