img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;

			/* Set up proportionate scaling */
			width: 100%;
			height: auto;

			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
z-index: -1;
		}

		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

		#page-wrap { position: relative; width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
		p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }
	
	
body{

	font-family: sans-serif;
}

.hs-title-size-4 {
	letter-spacing: 10px;
	font-weight: 200;
	font-size: 40px;
	text-align: left;
	font-family: sans-serif;
	text-transform: uppercase;
	color: #ffffff;

}

.padt22l7 {
	padding-top:22%;
	padding-left:5%;
}
ul.topnav {
 	list-style-type: none;
	    padding: 0% 5%;
}

ul.topnav li {float: left;}

ul.topnav li.brand {
	color: #000000;
	display: inline-block;
	font-family: sans-serif;
	font-size: 36px;
//	font-weight: bold;
	letter-spacing:5px;
	margin: 0% 12% 0% 0%;
	text-align: center;
	text-decoration:none;
	transition: 0.3s;
}

/* Style the links inside the list items */
ul.topnav li a {
	color: #000000;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
	margin: 0% 1% 0% 0%;
	padding: 0px 20px;
	text-align: center;
	text-decoration:none;
	transition: 0.3s;
}

//ul.topnav li a:hover {color: #00ACfE;}
ul.topnav li a:hover {background: rgba(0, 172, 254, .8) !important;}

/* Hide the list item that contains the link that should open and close the topnav on small screens 
ul.topnav li.icon {display: none;}