body, h2, p {
	font-family: 'Oswald', sans-serif;
	margin: 0;
	padding: 0;
}

.logo h1 {
	font-size: 5em;
    font-weight: 700;
    text-align: center;
    color: #D3A348;
    margin: 15px 0;
}

.hero-image {
	width: 100%;
	height: 200px;
	background: url("../images/fast-drs-hero-2.jpg");
	background-position: center;
	background-size: cover;
}

@media screen and (min-width: 750px) {
	.hero-image {
		height: 250px;
	}
}

@media screen and (min-width: 750px) {
	.hero-image {
		height: 250px;
	}
}

.wrapper-wwa {
	padding: 0 2em;
}

@media screen and (min-width: 750px) {
	.wrapper-wwa {
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
		grid-template-areas:
		". container .";
		text-align: center;
	}
	
	.container {
		grid-area: container;
	}
}



.who-we-are {
	margin-top: 2em;	
}

footer {
	margin-top: 2em;
	padding: 2em;
	background-color: #777777;
}

footer p {
	color: #FFF;
	font-size: 0.8rem;
	letter-spacing: 1px;
	line-height: 2em;
}

footer .desktop {
	display: none;
}

footer .mobile {
	border-left: solid 1px #D3A348;
}

footer .mobile p {
	margin-left: 1em;
}

@media screen and (min-width: 600px) {
	footer .mobile {
		display: none;
	}
	
	footer .desktop {
		display: block;
		text-align: center;
	}
	
	footer p span {
		color: #D3A348;
		padding: 0 1em;
	} 
}


@media screen and (min-height: 1024px) {
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	
}

@media screen and (min-width: 2000px) {
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	
}