/*Empty CSS file for your own CSS */



.first-half {
		background-color: #ffffff;
	height: 100vh;
	width: 100vh;
	text-align: center;
	color: #000000;
}

.first-half img {
	width: 250px;
	height: auto;
}





.second-half {
	height: 100vh;
	width: 100vh;
	text-align: center;
	color: #fff;
}




.top-half {
	background-image: url("../img/buzzmoto_landingpage_header.png");
	height: 50vh;
	width: 50vh;
	text-align: center;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bottom-half {
	background-color: #143047;
	height: 50vh;
	text-align: center;
	color: #fff;
}

h2 {
font-weight: 100;
	line-height: 1.5em;
	font-size: 2em;
	font-size: 1.3rem;
}

@media (min-width: 768px) {
	
	.first-half img {
	width: 350px;
	height: auto;
}
	
	h2 {
font-weight: 100;
	line-height: 1.5em;
	font-size: 2em;
	font-size: 1.8rem;
}

}