@import url( https://fonts.googleapis.com/css?family=Roboto:300 );
html
{
	color: rgb(255, 0, 0);
	line-height: 1.5;
	font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: 300; 
	background-color: rgb(26, 26, 26);
	max-width: 1280px;
	margin: auto;
}

body
{
	margin: 0px;
	display: flex;
	flex-direction: column;
}

section
{
	padding: 60px 0px;
	position: relative;
}

small
{
	font-size: 0.8em;
}

p
{
	margin-top: 0px;
	margin-bottom: 1em;
}

hr
{
	background: rgba(0, 0, 0, 0.1);
	border: 0px currentColor;
	border-image: none;
	height: 1px;
}

.headerSection
{
	padding: 100px 0px 80px; 
	color: rgb(200, 200, 200);
}

h1
{
	color: rgb(32, 160, 64);
	line-height: 1.2; 
	font-size: 3em; 
	font-weight: 300; 
	margin: 0px;
	display: inline-block; 
	position: relative;
}

h1::after
{
	background: linear-gradient(90deg, rgb(32, 160, 64) 0%, rgb(19, 24, 25) 100%);
	margin: 40px 0px;
	border-radius: 3px;
	width: 200px;
	height: 3px;
	display: block;
	content: "";
}

.container
{
	margin-left: 8%;
	margin-right: 8%;
	max-width: 800px;
	overflow:hidden;
}

.followingProduct
{
	margin-top:5em;
}

h2
{
	font-size: 36px;
	font-weight: 300; 
	margin-top: 0px; 
	margin-bottom: 20px;
}

h3
{
	font-weight: 300; 
	margin-top: 20px; 
	margin-bottom: 0.65em;
}

.lightSection h2
{
	color: rgb(32, 160, 64);
}

.lightSection h3
{
	color: rgb(32, 160, 64);
}

.lightSection
{
	background: rgb(240, 255, 240);
	color: rgb(32, 32, 32);
}

.lightSection a
{
	color: rgb(32, 160, 64);
}

.darkSection
{
	background: rgb(110, 128, 110); 
	color: rgb(240, 240, 240);
	
}

.productImage
{
	height: 100px;
	width: 200px;
	border-style:none;
	justify-content: center;
	align-items: center;
	display:flex;
}

footer
{
	font-size: 16px;
	min-height: 250px;
}

.footerSection
{
	padding: 45px 0px;
	color: rgb(200, 200, 200);
}

.logoBottomRight
{
	background-image: url("umLogo.png");
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 8%;
	background-size: 15%;
}

.copyRight
{
	margin-top: 50px;
	text-align: center;
}