/* Smartphones (0px and up) */
	body {
		font-family: 'Roboto-Light', sans-serif;
		font-size: 16px;
	}
	
	.mainContentContainer {
		margin-top: 30px;
	}
	.footerContainer {
		padding-left: 0px;
		padding-right: 0px;
	}
	.greenLink {
		color: #848C46;
	}	
	.greenLink:hover {
		color: #848C46;
	}
		
	.smartphoneNavContainer {
		padding: 0px;		
	}
	
	.smartphoneNav {
		display:none; 
		padding: 0px;
		margin:0px;
		padding-bottom: 10px;
		padding-top: 20px;
		background-color: #414141;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.roboto-light {
		font-family: 'Roboto-Light', sans-serif;
	}
	
	.smartphoneList {
		padding: 0px;
		margin-bottom: 0px;		
	}
	
	.smartphoneNav li {
		list-style-type: none;
		width: 100%;
		background-color: #414141;	
		padding-bottom: 6px;			
	}
	
	.smartphoneNav li a {
		color: #D6D6D6;
		font-family: 'Roboto-Light', sans-serif;
		font-size: 15px;		
	}
	.smartphoneNav li a:hover {
		color: #D6D6D6;
	}

	.outlineButtonGreen {
		color: #848C46;
		background-color: transparent;
		border-color: #848C46;
	}
	.outlineButtonGreen:hover {

		background-color: #6F753B;

	}
	.outlineButtonBlue {
		color: #0275d8;
		background-color: transparent;
		border-color: #0275d8;
	}
	.outlineButton:hover {
		transition: color 200ms ease-out;
		-webkit-transition: background-color 200ms ease-out;
		cursor:pointer;
	}
	.heading {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.heading h1 {
		letter-spacing: .15em;
		font-size: 40px;
		font-family: 'Roboto-Thin', sans-serif;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	.heading h2 {
		margin-top: 0px;
		letter-spacing: .10em;
		font-size: 21px;
		font-family: 'Roboto-Thin', sans-serif;
		text-transform: uppercase;
	}
	.headerContainer {
		height: 75px;				
		box-shadow: 1px;
		border-bottom: 1px solid #eee;
	}
	.headerSubContainer {
		height: 60px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 15px;
		font-family: 'Roboto-Light', sans-serif;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.brandName {
		float: left;
		padding: 10px;
		padding-left: 0px;
		font-size: 16px;
	}
	.toggleLinks {
		float: right;
		padding: 10px;
		padding-top: 12px;
		padding-right: 0px;
	}
	.moreLinks {
		float: right;
		
	}
	.container {
		padding-left: 30px;
		padding-right: 30px;
		
	}
	.headingColor {
		border-bottom: 1px solid black;
		background-color: #848C46;
		height: 5px;
	}
	
	.links {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.links li {
		list-style-type: none;
		float: left;
		font-size: 15px;
		
	}
	.links li a {
		list-style-type: none;
		float: left;
		padding: 10px;
		color: grey;
	}
	.links li a:hover {
		list-style-type: none;
		float: left;
		padding: 10px;
		text-decoration: none;
		color: black;
		cursor: pointer;
	}
	
	.brandNameText  {
		color: grey;
	}
	
	.brandNameText:hover {
		text-decoration: none;
		color: black;
		cursor: pointer;
	}
	.customNavLink {
		padding: 3px !important;
	}
	.headingContainer {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
/* Tablets (768px and up) */
@media (min-width: 768px) { 
	.footerContainer {
		padding-left: 30px;
		padding-right: 30px;
	}
	.mainContentContainer {
		margin-top: 30px; padding-left: 30px;
	}
	.active a {
		color: black !important;
	}
	.headerSubContainer {
		height: 60px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 15px;
		font-family: 'Roboto-Light', sans-serif;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.heading {
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.heading h1 {
		letter-spacing: .15em;
		font-size: 68px;
		font-family: 'Roboto-Thin', sans-serif;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	.heading h2 {
		margin-top: 0px;
		letter-spacing: .10em;
		font-size: 48px;
		font-family: 'Roboto-Thin', sans-serif;
		text-transform: uppercase;
	}
	.headingContainer {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.headerContainer {
		height: 75px;				
		box-shadow: 1px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.customNavLink {
		padding: 3px !important;
	}
	.heading {
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.heading h1 {
		letter-spacing: .15em;
		font-size: 68px;
		font-family: 'Roboto-Thin', sans-serif;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	
	.headerContainer {
		height: 75px;				
		box-shadow: 1px;

	}
	.headerSubContainer {
		height: 60px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 15px;
		font-family: 'Roboto-Light', sans-serif;
	}
	.brandName {
		float: left;
		padding: 10px;
		font-size: 16px;
	}	
	.moreLinks {
		float: right;
	}
	.container {
		padding-left: 30px;
		padding-right: 30px;
		
	}
	.headingColor {
		border-bottom: 1px solid black;
		background-color: #848C46;
		height: 5px;
	}	
	.links {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.links li {
		list-style-type: none;
		float: left;
		font-size: 15px;		
	}
	.links li a {
		list-style-type: none;
		float: left;
		padding: 10px;
		color: grey;
	}
	.links li a:hover {
		list-style-type: none;
		float: left;
		padding: 10px;
		text-decoration: none;
		color: black;
	}
}