body {font-size:15px; margin:20px; background-color:black;background-image:url('images/terex_BG.png'); background-size:100%; background-position:0px -200px;; background-repeat:repeat-y; font-family:Arial; color:white;} 

#Language {margin-left:auto; margin-right:auto; width:25px;  position:relative;margin-top:-80px;margin-bottom:40px;left:+33%;  height:25px;}
#Logo {background-image: url('images/terexlogomc.png'); background-size:100% 100%;width:200px; height:49px;  margin-left:auto; margin-right:auto;  position:relative;margin-top:25px;margin-bottom:20px;left:-33%;  }


.Product {overflow:hidden;height:auto; width:100%;margin-bottom:50px; }
.ProductS {width: 18%; height:auto; float:left; margin-left:2%; margin-right:2%;margin-top:2%; margin-bottom:2%;border: solid 0px #aaaaaa;position:relative;}
.ProductText { position:absolute; top:0px;width:100%;height:100%; color:white;} 
.ProductL_b {width: 34%; height:auto; float:left; margin-left:2%; margin-right:2%;margin-top:2%; margin-bottom:2%;background-color:rgba(120,150,255,0.8);  border: solid 1px #aaaaaa;position:relative;}
.ProductL {width: 34%; height:auto; float:left; margin-left:2%; margin-right:2%;margin-top:2%; margin-bottom:2%;background-color:rgba(0,0,0,0.75);  border: solid 1px #aaaaaa;position:relative;}
.ProductR {width: 34%; height:auto; float:left; margin-left:-1px; margin-right:2%;margin-top:2%; margin-bottom:2%; background-color:rgba(170,200,255,0.7); border: solid 1px #aaaaaa;position:relative;}
.ProductH {padding:15px 20px 0px 20px; font-size: 200%;color:#ff4040;} 
.ProductD {padding:15px 20px 0px 20px; padding-top:15px;font-size: 100%; color:#aaaaaa;} 


.Product2 {overflow:hidden;height:auto; width:100%;margin-bottom:50px;display:flex; }
.ProductL2 {width: 40%; height:auto; float:left; margin-left:2%; margin-right:2%;margin-top:2%; margin-bottom:2%;background-color:rgba(0,0,0,0.75);  border: solid 1px #aaaaaa;position:relative;}
.ProductR2 {width: 50%; height:auto; float:left; margin-left:2%; margin-right:2%;margin-top:2%; margin-bottom:2%; background-color:rgba(0,0,0,0.7);  border: solid 1px #aaaaaa;position:relative;}
.ProductH2 {padding:25px 30px 10px 30px; font-size: 200%;color:white;} 
.ProductD2 {padding:25px 30px 10px 30px; padding-top:15px;font-size: 100%; color:#bbbbbb;} 

@media screen and (max-width:1000px){

	.Product2 {display:block; border:0px;}
	.ProductL2 {flex:1; border:0px;}
	.ProductR2 {flex:1; border:0px;}

	.ProductS { border:0px; width:50%; float:none; margin-top:2%; margin-bottom:2%; margin-right:auto; margin-left:auto;}
	.ProductL { padding-bottom:10%;height:auto;border:0px; width:90%; float:none; margin-top:2%; margin-bottom:0px; margin-right:auto; margin-left:auto;}
	.ProductR { border:0px; width:90%; float:none; margin-top:0px; margin-bottom:2%; margin-right:auto; margin-left:auto;}
	.ProductH {font-size: 300%;} 
	.ProductD {font-size: 150%;} 


	.ProductL2 { width:90%; float:none; margin-top:2%; margin-bottom:0px; margin-right:auto; margin-left:auto;}
	.ProductR2 { width:90%; float:none; margin-top:0px; margin-bottom:2%; margin-right:auto; margin-left:auto;}

}