@charset "UTF-8";
/* CSS media queriest */


@media screen and (max-width: 1360px) and (min-width: 1024px) {
	
}

@media screen and (max-width: 1024px) and (min-width: 580px) {
	body{overflow-x: hidden; }
	#logoName{height:47px; width:480px; margin:-32px 0 0 -240px;}
	#contentWrapper2{top: 100%;}
	header {min-height:100px; position:relative; width:100%;  z-index:0; height:auto;  display:block; float:left; overflow-x: hidden; }
	header #header{ position:absolute; top:0;}
	#meteorite01{ display:none;}
	#meteorite02{ display:none;}
	#meteorite03{display:none;}
	#meteorite04{ display:none;}
	header#fullscreenheader{ height:100%;}
	#contentWrapper2{min-height:100px; position:relative; float:left; top:0; width: 90%; z-index: 200; background:#f9f9f9; padding:0 5%; margin:0; display:block;}
	header a#arrowDown2{ bottom:30px;}
	header a:hover#arrowDown2{  bottom:20px; }
	header #header2{display:block; position:relative;  width:90%; padding:15% 5%; min-height:100px; left:0; top:0; margin:0; text-align:center; }
	#threeBlockItems ul li a span.arrowBlck{margin:20px 0 20px 0; opacity:0.3; float:left;}
	#threeBlockItems ul li a:hover span.arrowBlck{margin:20px 0 20px 0;}
	footer ul#showcaseFooter li{ width:100%;}
	footer ul#showcaseFooter li a span.projectWrap span.lineColor{ width:100%;}
	footer ul#showcaseFooter li a span.projectWrap span.arrowWhite{ opacity:1; margin:-18px 0 20px 0;}
	footer ul#showcaseFooter li a span.projectWrap{opacity:1;}
	#contentWrapper2 #introBox .wrap1200 #introBoxL .throphytxt {
    margin: 0 20px 10px 0;}
}

@media screen and (max-width: 580px) {
	body{overflow-x: hidden; }
	#logoName{height:30px; width:300px; margin:-32px 0 0 -150px;}
	#contentWrapper2{top: 100%;}
	header{overflow-x: hidden; }
	header a#arrowDown2{ bottom:30px;}
	header a:hover#arrowDown2{  bottom:20px; }
	header#fullscreenheader{ height:100%;}
	p{font-size:1em;}
	h1{font-size: 2em; line-height:40px;}
	h3{font-size:1.4em; line-height:35px;}
	header #header2 h2{margin:0 0 15px;}
	header #header2 h3{padding:0;}
	nav #navigation{ width:250px;}
	nav a#logo{display: none;}
	nav a#nav{right:30px; top:30px;}
	nav a#navShowcase{ right:80px; top:32px;}
	nav a:hover#navShowcase{ right:80px; top:28px;}
	nav #navigation a#close{ top:36px; right:38px;}
	nav #navigation ul{ margin:31px 50px 20px}
	nav #navigation ul#socialMediaIcons{width:150px;}
	header {min-height:100px; position:relative; width:100%;  z-index:0; height:auto;  display:block; float:left;}
	#contentWrapper2 #introBox .wrap1200 #introBoxL .throphytxt{display:inline-block;  width:40px; height:40px; position:relative; bottom:-2px; background:url(../img/other/throphyblack.png); background-size:cover; background-position:center center; margin:0 20px 0 0; bottom:-15px;}
	header #header{ position:absolute; top:0;}
	#meteorite01{ display:none;}
	#meteorite02{ display:none;}
	#meteorite03{display:none;}
	#meteorite04{ display:none;}
	header #header2{display:block; position:relative;  width:90%; padding:35% 5%; min-height:100px; left:0; top:0; margin:0; text-align:center; }
	#contentWrapper2{min-height:100px; position:relative; float:left; top:0; width: 90%; z-index: 200; background:#f9f9f9; padding:0 5%; margin:0; display:block;}
	#background{ background:url(../img/header/MainHeaderMob.jpg); background-size:cover; background-position:center center;}
	#contentWrapper #introBox{ padding:50px 5% 80px;}
	#contentWrapper2 #introBox{ padding:35px 5%;}
	#contentWrapper2 #formBox{ padding:40px 0px 60px; width:111.2%;}
	#contentWrapper2 #introBox .wrap1200{ display:inline-block; width:90%; margin:auto 5%;}
	#contentWrapper2 #introBox .wrap1200 #introBoxL{ width:100%; margin:30px 0;}
	#contentWrapper2 #introBox .wrap1200 #introBoxR {width:100%; margin:10px 0 15px;}
	#contentWrapper2 #introBox .wrap1200 .introBoxRcenter p{text-align:center;}
	#contentWrapper2 #introBox .wrap1200 #introBoxTop{margin:0 0 25px 0;}
	#contentWrapper2 #formWrap{ width:80%; margin:auto 5%;}
	#contentWrapper2 #formWrap fieldset{width:100%; margin:0;}
	#contentWrapper2 #formWrap fieldset.txtfieldL{ margin:0;}
	#contentWrapper2 #formWrap fieldset#procentL{width:100%; margin:40px 6% 0 0;}
	#contentWrapper2 #formWrap fieldset#procentR{width:100%; margin:30px 0;}
	#contentWrapper2 #formWrap fieldset textarea{height:60px}
	#threeBlockItems{width:100%; padding: 60px 0;}
	#threeBlockItems ul{ display:inline-block; width:90%; margin:auto 5%;}
	#threeBlockItems ul li{ width:100%; margin:20px 0;}
	#threeBlockItems ul li.margin{ margin:0 0 30px 0;}
	#threeBlockItems ul li a span.arrowBlck{margin:0; opacity:0; float:left;}
	#threeBlockItems ul li a:hover span.arrowBlck{margin:0;}
	#threeBlockItems ul li a span.lineColor{ width:0;}
	footer ul#showcaseFooter li{ width:100%;}
	footer ul#showcaseFooter li a span.projectWrap{opacity:1; padding: 22.3% 8%; height: 40px; min-height:inherit;}
	footer ul#showcaseFooter li a span.projectWrap span.titleh1{ font-size:2em; font-weight:500; color:white; letter-spacing:3px; text-decoration:none; display:block; text-align:center;}
	footer ul#showcaseFooter li a span.projectWrap span.lineColor{ display:none;}
	footer ul#showcaseFooter li a:hover span.projectWrap span.lineColor{ display:none;}
	footer ul#showcaseFooter li a span.projectWrap span.arrowWhite{ display:none;}
	footer ul#showcaseFooter li a span.projectWrap span.p{ display:none;}
	footer a#getintouch span.titleh3{width:217px;}
	footer a#getintouch span.titleh3 span{ display:none;}
	footer #footer{width:80%; padding:0 10%; min-height:700px;}
	footer #footer #footerWrap #Fleft{ width:100%;}
	footer #footer #footerWrap #Fright{width:100%;}
	footer #footer #footerWrap #Fleft a#Flogo{left:50%; margin:0 0 0 -27px;}
	footer #footer #footerWrap #Fright #FrightL{width:100%; text-align:center;}
	footer #footer #footerWrap #Fright #FrightR{width:100%; padding:50px 0; text-align:center;}
	#contentWrapper2 #introBox .wrap1200 #introBoxTop ul li{width:100%; margin:30px 0 0 0;}
	#contentWrapper2 #introBox .wrap1200 #introBoxTop ul li.introBoxTopMargin{margin:30px 0 0 0;}
	#contentWrapper2 #introBox .wrap1200 #introBoxTop ul li span.titleh2{ text-align:center;}
	#contentWrapper2 #introBox .wrap1200 #introBoxTop ul li span.p{ text-align:center;}
	#contentBox .wrap625{ width:185px; padding:40px auto;}
	#contentBox .wrap625 a{ top:20px; text-align:center;}
	
	#projectContent #project100procentTxt .project1200txt{ display:inline-block; width:90%; margin:auto 5%;}
	#projectContent #project100procentTxt .project1200txt #projectBoxL{ width:100%; margin:0;}
	#projectContent #project100procentTxt .project1200txt #projectBoxR {width:100%; margin:10px 0 0;}
	
	#contentWrapper2 #introBox .wrap1200 #introBoxL .throphytxt {
    margin: 0 20px 10px 0;}
}