@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
	
	@import url('https://fonts.googleapis.com/css?family=Oswald');

	/*img{width:100%; border:none;}*/
	
	body
	{
		font-family: 'Raleway', sans-serif;
		font-size:100%;
		padding: 0px; margin:0px;  
		
		background-color:#fff;
	}
	
	h1, h2, h3, h4 {text-align: left; margin: 0px; padding: 0px; font-family: 'Raleway', sans-serif; font-weight: normal;}
	h1{font-size: 2.0em; margin-bottom: 10px; font-weight: 300;}
	
	img{border: none; width: 100%;}
	.ClearBoth {clear: both;}
	
	nav{width:100%; display: flex; justify-content: space-between; align-items: flex-start; }
	
	
	#TLImg{ width:30%; margin-right:1%; }
	#SLogo{ min-width:150px; margin-right:1%; text-align: center;}
	#SMenu{ min-width: 32%; text-align: right; }
	#Hamburger{width:24px; margin: 20px; margin-left: 0px; cursor: pointer; display: none; text-align: right; border:none; }

	#TLImg img{width:90%;}
	
	#SLogo img{width: 100%; }	
	

	#SMenu{font-family: 'Raleway', sans-serif; font-size: 1.0em; font-weight: bold; letter-spacing: 1px;}
	#SMenu ul
	{
		width:100%; margin: 0px; margin-top:10px; padding:0px; list-style-type: none;
		display: flex; justify-content: space-between; align-items: center; 
	}

	#SMenu ul li a
	{
		padding: 16px;
		display: block; text-align: center; text-decoration: none;
		text-transform: uppercase; color: #000;
	}
	#SMenu ul li a:hover {color: red;}
	
	#MobileMenu{display: none; }
	
	@media screen and (max-width: 1000px)
	{
		nav{height: auto; flex-wrap: wrap;}
		#SMenu {display: none;}
		#SLogo{width:130px;}
		
		#Hamburger{display: block;}
		
		#Hamburger .Line
		{
			display: block;
			width: 24px;
			height: 2px;
			background-color: #000;
			margin: 4px auto;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}
		
		#Hamburger.IsActive .Line{background-color: #f00;}
		#Hamburger.IsActive .Line:nth-child(2){opacity: 0;}
		#Hamburger.IsActive .Line:nth-child(1)
		{
			transform: translateY(6px) rotate(45deg);
			-moz-transform: translateY(6px) rotate(45deg);
			-webkit-transform: translateY(6px) rotate(45deg);
			-o-transform: translateY(6px) rotate(45deg);
		}
		#Hamburger.IsActive .Line:nth-child(3)
		{
			transform: translateY(-6px) rotate(-45deg);
			-moz-transform: translateY(-6px) rotate(-45deg);
			-webkit-transform: translateY(-6px) rotate(-45deg);
			-o-transform: translateY(-6px) rotate(-45deg);
		}
		
		#MobileMenu
		{
			display: none;
			margin: 0px;
			margin-top: 0px;
			padding: 0px;
			width: 100%;
			height: auto;
			background-color: #1E2D44;
			position: absolute;
			z-index: 100;
			font-weight: bold; font-family: 'Raleway', sans-serif; font-size: 1.0em; letter-spacing: 1px;
			opacity: .95;
		}
		
		#MobileMenu ul {margin: 0px; padding: 0px; list-style: none;}
		#MobileMenu ul li {margin:0px; padding: 0px; border-bottom: 1px solid #12192B;}
		#MobileMenu ul li a
		{
			color: #ccc; text-decoration: none;
			text-transform: uppercase; display:inline-block; width: 100%;
			padding: 15px; 
		}
		
		#MobileMenu ul li a:hover {color: #fff;}
			
			
	}
	 
	@media screen and (min-width: 1001px)
	{
		#MobileMenu{display: none;}
		#MobileMenu ul{display: none;}
	}
	 
		
	main
	{
		margin:auto; width: 100%;
		display: flex; justify-content: space-between; align-items: flex-end;
		
	}
	/*main div{border: 1px solid #00a;}*/
	
	#HPCntr
	{
		width: 34%;  margin-left: 0%; margin-top: -10%; font-weight: 700;
		font-family: 'Raleway', sans-serif; font-size: 3.0vw; text-align: center; line-height: 300%;
		align-self: flex-start;
	}
	#HPCntr span {font-size: 6.0vw;  }
	
	#HPBL{ width: 30%; align-self: flex-end; margin-top: 15%;}
	
	#HPBR{ width: 30%; align-self: flex-end; margin-top: 15%;}


	@media screen and (max-width: 500px)
	{
		#HPCntr{margin-top: 0px;}
	}
	
	footer {margin: 30px 20px; font-size: 0.7em}