/* Mobile Portrait */ 
	@media only screen and (min-width : 320px) {
		.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
		#logo-menu { display: none; float: none; margin-top: -25px; }

		.navbar-collapse { width: 100%; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 0px; padding-right: 0px; margin-top: 21px; }
		.nav>li>a {padding:0px 1px;}
		.navbar-nav {  padding-left: 0px; padding-top: 0px; }
		.navbar { margin-top: 0px; height: 67px; margin-bottom: 0px; background: white; display: block; }
		.navbar-nav li ul { margin-top: -26px; }
		.navbar-custom a { font-size: 10px; }
		.navbar-nav li ul a li { font-size: 10px; }
		.navbar-nav li ul a li { height: 30px; padding: 5px 10px; }
		.container { padding-left: 0px; padding-right: 0px; height: 90px; }

		.intro { height: 700px; }
		.brand-heading { font-size: 30px; margin-top: -35px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
		#logostart { margin: -260px auto 0; display: block; transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); width: 230px; height: 220px; }

		.home-intro { background: #f7f7f7; width: 100%; height: 300px; text-align: center; padding-top: 85px; }
		.homeintrotext-cont { width: 80%; margin: 0 auto; }
		#homeintrotext { font-size: 18px; margin-top: 0px; }
				
		.home-fact-container { width: 320px; height: auto; margin: 0 auto;}
		#home-fact-imgcont { width: 100%; height: 200px; float: left; margin-top: 50px; }
		#home-fact-imgcont img { width: 100%; max-width: 320px; margin-left: 0px; }
		#home-fact-textcont { width: 100%; height: 250px; float: left; text-transform: none; margin: 0 auto; text-align: center; }
		
		#map {  width: 100%; height: 740px; margin-top: -140px; z-index: 0; } 
       #map-box-cont { margin-top: 125px; width: 100%; position: absolute; z-index: 1; height: auto; }
		#map-contact-cont { width: 100%; height: auto; margin: 0 auto; max-width: 1300px; }
		#map-contact { width: 320px; height: 310px; background: rgba(0, 0, 0, 0.5); float: left;  }
		#map-contact-elements { width: 100%; height: auto ;  }
		.contact-element { width: 200px; height: 50px; margin: 0 auto; padding: 5px; }
		.map-contact-headline { color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 24px; text-align: center; margin-top: 50px; }
		.contact-detail { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; float: left; line-height: 15px; opacity: .7; color: white; margin-bottom: 0px; margin-left: 17px; }
		.contact-icon { float: left; }
		
		
		.home-mid { position: relative; margin-top: 54px; height: 680px; width: 100%; padding-top: 0px; z-index: 2; }
		.home-mid:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: white; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
		.home-mid:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: white; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​ 				
	}
	
	
/* ======================================================================================================================= */



	/* Mobile Landscape */ 
	@media only screen and (min-width : 480px) {
		.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
		#logo-menu { display: none; float: none; margin-top: -25px; }

		.navbar-collapse { width: 100%; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 0px; padding-right: 0px; margin-top: 21px; }
		.nav>li>a {padding:0px 10px;}
		.navbar-nav {  padding-left: 0px; padding-top: 0px; }
		.navbar { margin-top: 0px; height: 67px; margin-bottom: 0px; background: white; display: block; }
		.navbar-nav li ul { margin-top: -24px; }
		.navbar-custom a { font-size: 14px; }
		.navbar-nav li ul a li { font-size: 14px; }
		.navbar-nav li ul a li { height: 50px; padding: 13px 20px; }
		.container { padding-left: 0px; padding-right: 0px; height: 90px; }

		.intro { height: 800px; }
		.brand-heading { font-size: 40px; margin-top: 50px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
		#logostart { margin: -270px auto 0; display: block; transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); width: 230px; height: 220px; }

		.home-intro { background: #f7f7f7; width: 100%; height: 300px; text-align: center; padding-top: 85px; }
		.homeintrotext-cont { width: 80%; margin: 0 auto; }
		#homeintrotext { font-size: 22px; margin-top: 0px; }
				
		.home-fact-container { width: 480px; height: auto; margin: 0 auto;}
		#home-fact-imgcont { width: 100%; height: 300px; float: left; margin-top: 50px; }
		#home-fact-imgcont img { width: 100%; max-width: 512px; margin-left: 0px; }
		#home-fact-textcont { width: 100%; height: 250px; float: left; text-transform: none; margin: 0 auto; text-align: center; }
		
		#map {  width: 100%; height: 740px; margin-top: -140px; z-index: 0; } 
       #map-box-cont { margin-top: 125px; width: 100%; position: absolute; z-index: 1; height: auto; }
		#map-contact-cont { width: 100%; height: auto; margin: 0 auto; max-width: 1300px; }
		#map-contact { width: 320px; height: 310px; background: rgba(0, 0, 0, 0.5); float: left;  }
		#map-contact-elements { width: 100%; height: auto ;  }
		.contact-element { width: 200px; height: 50px; margin: 0 auto; padding: 5px; }
		.map-contact-headline { color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 24px; text-align: center; margin-top: 50px; }
		.contact-detail { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; float: left; line-height: 15px; opacity: .7; color: white; margin-bottom: 0px; margin-left: 17px; }
		.contact-icon { float: left; }
		
		
		.home-mid { position: relative; margin-top: 54px; height: 660px; width: 100%; padding-top: 0px; z-index: 2; }
		.home-mid:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: white; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
		.home-mid:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: white; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​ 				

	}
	
	/* Small Tablet Portrait */ 
	@media only screen and (min-width : 600px) {
		.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
		#logo-menu { display: inline-block; float: left; margin-top: -35px; }

		.navbar-collapse { width: 100%; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 0px; padding-right: 0px; margin-top: 21px; }
		.nav>li>a {padding:0px 10px;}
		.navbar-nav {  padding-left: 0px; padding-top: 10px; }
		.navbar { margin-top: 0px; height: auto; height: 90px; margin-bottom: 0px; background: white; display: block; }
		.navbar-nav li ul { margin-top: -14px; }
		.navbar-custom a { font-size: 14px; }
		.navbar-nav li ul a li { font-size: 14px; }
		.navbar-nav li ul a li { height: 50px; padding: 13px 20px; }
		.container { padding-left: 0px; padding-right: 0px; height: 90px; }

		.intro { height: 100%; }
		.brand-heading { font-size: 50px; margin-top: -145px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
		#logostart { margin-top: -210px; display: none; transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); width: 230px; height: 220px; }

		.home-intro { background: #f7f7f7; width: 100%; height: 300px; text-align: center; padding-top: 115px; }
		.homeintrotext-cont { width: 80%; margin: 0 auto; }
		#homeintrotext { font-size: 22px; margin-top: 0px; }
				
		.home-fact-container { width: 550px; height: auto; margin: 0 auto;}
		#home-fact-imgcont { width: 100%; height: 340px; float: left; margin-top: 70px; }
		#home-fact-imgcont img { width: 100%; max-width: 600px; margin-left: 0px; }
		#home-fact-textcont { width: 100%; height: 400px; float: left; text-transform: none; margin: 0 auto; text-align: center; }
		
		
		#map {  width: 100%; height: 740px; margin-top: -140px; z-index: 0; } 
       #map-box-cont { margin-top: 125px; width: 100%; position: absolute; z-index: 1; height: auto; }
		#map-contact-cont { width: 100%; height: auto; margin: 0 auto; max-width: 1300px; }
		#map-contact { width: 320px; height: 310px; background: rgba(0, 0, 0, 0.5); float: left;  }
		#map-contact-elements { width: 100%; height: auto ;  }
		.contact-element { width: 200px; height: 50px; margin: 0 auto; padding: 5px; }
		.map-contact-headline { color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 24px; text-align: center; margin-top: 50px; }
		.contact-detail { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; float: left; line-height: 15px; opacity: .7; color: white; margin-bottom: 0px; margin-left: 17px; }
		.contact-icon { float: left; }
		
		
		.home-mid { position: relative; margin-top: 54px; height: 740px; width: 100%; padding-top: 30px; z-index: 2; }
		.home-mid:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: white; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
		.home-mid:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: white; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​ 
		
	}



/* ======================================================================================================================= */


	/* Tablet Portrait */
	@media only screen and (min-width : 768px) {
		.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
		#logo-menu { display: inline-block; float: none; margin-top: -25px; }

		.navbar-collapse { width: 100%; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 15px; padding-right: 15px; margin-top: 21px; }
		.nav>li>a {padding:10px 25px;}
		.navbar-nav {  padding-left: 0px; padding-top: 0px; }
		.navbar { margin-top: 0px; height: auto; height: 140px; margin-bottom: 0px; background: white; display: block; }
		.navbar-nav li ul { margin-top: -7px; }
		.navbar-custom a { font-size: 14px; }
		.navbar-nav li ul a li { font-size: 14px; }
		.navbar-nav li ul a li { height: 50px; padding: 13px 20px; }
		.container { padding-left: 0px; padding-right: 0px; height: 90px; }

		.intro { height: 100%; }
		.brand-heading { font-size: 60px; margin-top: 35px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
		#logostart { margin-top: -260px; display: block; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); width: 230px; height: 220px; }

		.home-intro { background: #f7f7f7; width: 100%; height: 390px; text-align: center; padding-top: 105px; }
		.homeintrotext-cont { width: 65%; margin: 0 auto; }
		#homeintrotext { font-size: 25px; margin-top: 0px; }
				
		.home-fact-container { width: 750px; height: auto; margin: 0 auto;}
		#home-fact-imgcont { width: 100%; height: 400px; float: left; margin-top: 0px; }
		#home-fact-imgcont img { width: 100%; max-width: 750px; margin-left: 0px; }
		#home-fact-textcont { width: 100%; height: 400px; float: left; text-transform: none; margin: 0 auto; text-align: center; }

		
		#map {  width: 100%; height: 740px; margin-top: -140px; z-index: 0; } 
       #map-box-cont { margin-top: 125px; width: 100%; position: absolute; z-index: 1; height: auto; }
		#map-contact-cont { width: 100%; height: auto; margin: 0 auto; max-width: 1300px; }
		#map-contact { width: 320px; height: 310px; background: rgba(0, 0, 0, 0.5); float: left;  }
		#map-contact-elements { width: 100%; height: auto ;  }
		.contact-element { width: 200px; height: 50px; margin: 0 auto; padding: 5px; }
		.map-contact-headline { color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 24px; text-align: center; margin-top: 50px; }
		.contact-detail { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; float: left; line-height: 15px; opacity: .7; color: white; margin-bottom: 0px; margin-left: 17px; }
		.contact-icon { float: left; }
		
		
		.home-mid { position: relative; margin-top: 54px; height: 830px; width: 100%; padding-top: 125px; z-index: 2; }
		.home-mid:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: white; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
		.home-mid:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: white; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​ 
		
	}
	
	/* Small Tablet Landscape */
	@media only screen and (min-width : 800px) {
		#logostart { margin-top: -160px; display: block; }
		.home-intro { background: #f7f7f7; width: 100%; height: 390px; text-align: center; padding-top: 135px; }
		
		.brand-heading { font-size: 40px; margin-top: 8px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
	}
	

/* ======================================================================================================================= */
	
		
	
	/* Tablet Landscape */
	@media only screen and (min-width : 992px) {
		.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
		#logo-menu { display: inline-block; float: none; margin-top: -25px; }

		.navbar-collapse { width: 100%; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 15px; padding-right: 15px; margin-top: 21px; }
		.nav>li>a {padding:10px 25px;}
		.navbar-nav {  padding-left: 60px; padding-top: 0px; }
		.navbar { margin-top: 0px; height: auto; height: 140px; margin-bottom: 0px; background: white; display: block; }
		.navbar-nav li ul { margin-top: -7px; }
		.navbar-custom a { font-size: 14px; }
		.navbar-nav li ul a li { font-size: 14px; }
		.navbar-nav li ul a li { height: 50px; padding: 13px 20px; }
		.container { padding-left: 15px; padding-right: 15px; height: 90px; }

		.intro { height: 100%; }
		.brand-heading { font-size: 50px; margin-top: 35px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
		#logostart { margin-top: -210px; transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); display: block; width: 230px; height: 220px; }

		.home-intro { background: #f7f7f7; width: 100%; height: 350px; text-align: center; padding-top: 90px; }
		.homeintrotext-cont { width: 50%; margin: 0 auto; }
		#homeintrotext { font-size: 27px; margin-top: 0px; }
				
		.home-fact-container { width: 1000px; height: auto; margin: 0 auto;}
		#home-fact-imgcont { width: 100%; height: 400px; float: left; margin-top: 0px; }
		#home-fact-imgcont img { width: 100%; max-width: 790px; margin: 0 auto 0 80px; }
		#home-fact-textcont { width: 100%; height: 250px; float: left; text-transform: none; margin: 0 auto; text-align: center; }
		
		
		#map {  width: 100%; height: 740px; margin-top: -140px; z-index: 0; } 
       #map-box-cont { margin-top: 125px; width: 100%; position: absolute; z-index: 1; height: auto; }
		#map-contact-cont { width: 100%; height: auto; margin: 0 auto; max-width: 1300px; }
		#map-contact { width: 320px; height: 310px; background: rgba(0, 0, 0, 0.5); float: left;  }
		#map-contact-elements { width: 100%; height: auto ;  }
		.contact-element { width: 200px; height: 50px; margin: 0 auto; padding: 5px; }
		.map-contact-headline { color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 24px; text-align: center; margin-top: 50px; }
		.contact-detail { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; float: left; line-height: 15px; opacity: .7; color: white; margin-bottom: 0px; margin-left: 17px; }
		.contact-icon { float: left; }
		
		
		
		.home-mid { position: relative; margin-top: 54px; height: 830px; width: 100%; padding-top: 125px; z-index: 2; }
		.home-mid:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: white; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
		.home-mid:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: white; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​ 
				
	}
	
	
/* ======================================================================================================================= */
	
	

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
		.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
		#logo-menu { display: inline-block; float: none; margin-top: -25px; }

		.navbar-collapse { width: 100%; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 15px; padding-right: 15px; margin-top: 21px; }
		.nav>li>a {padding:10px 25px;}
		.navbar-nav {  padding-left: 60px; padding-top: 0px; }
		.navbar { margin-top: 0px; height: auto; height: 140px; margin-bottom: 0px; background: white; display: block; }
		.navbar-nav li ul { margin-top: -7px; }
		.navbar-custom a { font-size: 14px; }
		.navbar-nav li ul a li { font-size: 14px; }
		.navbar-nav li ul a li { height: 50px; padding: 13px 20px; }
		.container { padding-left: 15px; padding-right: 15px; height: 90px; }

		.intro { height: 100%; }
		.brand-heading { font-size: 69px; margin-top: 35px; width: 100%; color: #313131; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.35em; text-align: center; line-height: 1.3em; }
		#logostart { margin-top: -210px; transform: none; -moz-transform:none; -webkit-transform: none; display: block; width: 230px; height: 220px; }

		.home-intro { background: #f7f7f7; width: 100%; height: 400px; text-align: center; padding-top: 160px; }
		.homeintrotext-cont { width: 50%; margin: 0 auto; }
		#homeintrotext { font-size: 32px; margin-top: 0px; }
				
		.home-fact-container { width: 1300px; height: auto; margin: 0 auto;}
		#home-fact-imgcont { width: 61%; height: 400px; float: left; margin-top: 0px; }
		#home-fact-imgcont img { width: 100%; max-width: 790px; margin-left: 0px; }
		#home-fact-textcont { width: 33%; height: 400px; float: left; text-transform: none; margin: auto; text-align: left; }
		
		#map {  width: 100%; height: 740px; margin-top: -140px; z-index: 0; } 
       #map-box-cont { margin-top: 125px; width: 100%; position: absolute; z-index: 1; height: auto; }
		#map-contact-cont { width: 100%; height: auto; margin: 0 auto; max-width: 1300px; }
		#map-contact { width: 320px; height: 310px; background: rgba(0, 0, 0, 0.5); float: left;  }
		#map-contact-elements { width: 100%; height: auto ;  }
		.contact-element { width: 200px; height: 50px; margin: 0 auto; padding: 5px; }
		.map-contact-headline { color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 24px; text-align: center; margin-top: 50px; }
		.contact-detail { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; float: left; line-height: 15px; opacity: .7; color: white; margin-bottom: 0px; margin-left: 17px; }
		.contact-icon { float: left; }
		
		
		.home-mid { position: relative; margin-top: 54px; height: 730px; width: 100%; padding-top: 180px; z-index: 2; }
		.home-mid:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: white; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
		.home-mid:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: white; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​ 
	}