*{
	box-sizing: border-box;
}

html, body {
 margin: 0;
 height: 100%;
 font-family: 'Roboto', sans-serif;

}


body{

	position: relative;
	padding-bottom: 6rem;
	min-height: 100%;

}

p{

	font-weight: 200;
}


.headermenu{

	/*border: solid 1px black;*/
	overflow: hidden;
	background-color: #e7e7e7;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 1px 0px 10px 1px grey;

}


/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), */url(img/shutterstock_186766919.jpg);

  height: 90%;
  object-fit: cover;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 20%;
  left: 72%;
  transform: translate(-50%, -50%);
  color: #4caf50;/*
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: thin;*/
  color: white;/*
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: thin;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 40px;
  text-decoration: 	none;
  
}

.hero-text-2 {
  text-align: center;
  position: absolute;
  top: 42%;
  left: 73%;
  transform: translate(-50%, -50%);
  color: #4caf50;/*
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: thin;*/
  color: white;/*
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: thin;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 40px;
  text-decoration: 	none;
  
}

.hero-text-3 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #4caf50;/*
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: thin;*/
  color: white;/*
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: thin;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 40px;
  text-decoration: 	none;
  
}

.hero-text a{
	font-family: 'Roboto', sans-serif;
	margin:auto;
	background-color: #1e803f;
	border: none;
    padding: 3% 8% 3% 8%;
    text-align: center;
    color: white;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 2PX;
  
}


.hero-text a:hover{
	background-color: #d7c5c5;
}

.hero-text-2 a{
	font-family: 'Roboto', sans-serif;
	margin:auto;
	background-color: #1e803f;
	border: none;
    padding: 3% 8% 3% 8%;
    text-align: center;
    color: white;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 2PX;
  
}

.hero-text-2 a:hover{
	background-color: #d7c5c5;
}

.hero-text-3 a{
	font-family: 'Roboto', sans-serif;
	margin:auto;
	background-color: #1e803f;
	border: none;
    padding: 3% 8% 3% 8%;
    text-align: center;
    color: white;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 2PX;
  
}

.hero-text-3 a:hover{
	background-color: #d7c5c5;
}

button{
	
}
/*nav-bar*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 170px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 1px 15px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {

	background-color: #f1f1f1;
}


.imglogo {

	float: left;
}

ul.navmenu{

	list-style-type: none;
	font-family: 'Nunito';
	float: right;
	line-height: 80px;
    margin: 0;
}

li {

	float: left;
	margin-right: 20px; 
	
}
/*nav-bar*/


li a{

	text-decoration: none;
	color:black;

}

li a:hover{
	border-bottom: solid 1px green;


}

.dropdown:hover .dropdown-content{
  display: block;
}

li a:active{
	border-bottom: solid 1px green;
	background-color: grey;
	text-decoration: none;

}

.breadcrum{

	padding: 0px 100px;

}

.breadcrum.products{
	padding: 0 2%;
}

/*list items in products*/
.newline li{
	float: none;
	font-weight: 180;
}
/*list items in products*/

.map-contact{

	position: sticky;
	width: 100%;
}

.contactmap-text{

	background-color: #cacaca;
	width: 25%;
	height: 350px;
	text-align: center;
 	position: absolute;
 	color: black;
 	top: 150px;
 	left: 10px;
 	z-index: 99;
 	padding: 4% 5%;
 	box-sizing: border-box;

}

.contactmap-text h2{
	color: black;
	font-size: 20px;

}

.wraps{

	width: 100%;
	/*border:solid 5px green;*/
	overflow: hidden;
	align-items: center;
	display: flex;
	justify-content: center;
	box-sizing: border-box;

}
.slogan{

	color: #1e803f;
	font-family: 'Nunito';
	font-weight: 200;
	text-transform: uppercase;
	text-align: center;
	width: 50%;
	margin: auto 0;

	/*border:solid 1px blue;*/
}

.slogan p{
	text-transform: none;
	color: black;

}

div.boxcentre p{

	font-weight: 300;
}

.wraps .chemicaldescription {

	color: black;
	font-family: 'Nunito';
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	width: 70%;
	margin: auto 0;
	padding-top: 2%;

	/*border:solid 1px blue;*/
}

.wraps .home-products a {

	text-decoration: none;
	color: black;
	font-weight: 200;
	text-align: center;
	margin: 0 auto;


}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.home-products a:hover{
	
	color: grey;
	
	}

.boxproducts:hover {
	background-color: #ece3e3;

}


.home-products {

	text-align: center;
	width: 100%;
	/*border:solid 5px red;*/
	overflow: hidden;
	align-items: center;
	display: block;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 auto;

}

.home-products h1{
text-align: center;
}

.chemical-header {

	color: #1e803f;
	font-weight: 300;
	font-size: 25px;
}

.productpageimage{
	
  background-image: url(../img/welding-engineer.png);
  height: 50%;
  object-fit: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.chemicalpageimage{
	
  background-image: url(../img/shutterstock_788732536m.jpg);
  height: 60%;
  object-fit: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#weoffer{

	font-weight: 200;
	color: #8a8a8a;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Arimo', sans-serif;

}
.cuttingpageimage{
	background-image: url(../img/cuttingequip.png);
  	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;

}
.pageimage1{
	background: url(../img/shutterstock_792741166s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}

.pageimage2{
	background: url(../img/shutterstock_62351788s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}
.pageimage3{
	background: url(../img/shutterstock_67370212s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}
.pageimage4{
	background: url(../img/shutterstock_67370212s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}
.pageimage5{
	background: url(../img/shutterstock_1102113833s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}
.pageimage6{
	background: url(../img/shutterstock_568128697s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}
.pageimage7{
	background: url(../img/shutterstock_178021226s.jpg);
	height: 50%;
  	object-fit: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;


}
.left-contact{

	float: left;
	width: 50%;
/*	border:solid 1px black;*/
	display: inline-block;
	text-align: center;
	height: 450px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 100px 0;
	background-color: #d1d0d0;/*
	transform: translate(-10%, 0);*/
}
.home-contact{

	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	padding-top: 5%;
}
/*map */
.right-contact{

	float: left;
	width: 50%;
	height: 450px;
	/*border:solid 1px black;*//*
	transform: translate(-12%, 0);*/
	object-fit: cover;
	
}

/*contact us title*/
a.contactlink{
	text-decoration: none;
	color: #1e803f;
	font-weight: 400;
	text-align: center;

}

a.contactlink:hover{
	color: grey;
}


/*contact us address*/
.center-address{

	width: 50%;
	margin: 0 auto;
	font-weight: 200;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  /*background-color: DodgerBlue;*/
  width: 100%;
  padding:0 5%;
  height: 400px;
}

.flex-container .box {
  /*background-color: #f1f1f1;*/
  width: 100%;
  margin: 0px;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  
  
}

.flex-container .box a{
  text-decoration: none;
  color: black;
  font-family: 'Nunito';
  font-weight: 200;
  line-height: 400px;
  font-size: 30px;
  
}

.flex-container .box a:hover, .flex-container .box h1:hover{
 
  background-color:rgba(202,202,202,0.5);

}

.flex-container .box h1{

	padding:0;

}

.flex-container .box img{

	width: 100%;
	height: 100%;
	object-fit: cover;
}

.col-2{
	width: 50%;
	float: left;
	padding: 10px;
/*	border: solid 1px black;*/
}

div.abouttitle {
	float: left;
	margin: 5% 15% 5% 15%;
	background-color: #e7e7e7;
	padding: 2%;
	opacity: 0.9;
	


}
.abouttitlediv{

	background-image: url(../img/shutterstock_1048930442m.jpg);
	
	object-fit: cover;
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 5%;


}

.fullwidthbox{
	width: 100%;
	margin: 0 auto;
}

.clientbox{
	background-color: #d2d2d2;
	margin: auto;
	width: 100%;
    /* border: solid 5px green; */
    overflow: hidden;
    align-items: center;
    /* display: flex; */
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top:1%;
    padding-bottom: 1%;
    padding-left: 15%;
    padding-right: 15%;
}
.clientimage{
	background-color: white;
	margin: auto;
	width: 50%;
	display: table;
    /* border: solid 5px green; */
    overflow: hidden;
    align-items: center;
    /* display: flex; */
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top:1%;
    padding-left: 15%;
    padding-right: 15%;
}
.clientlogodiv{
	width: 50px;
	height: 50px;
}
.clientlogodiv img{
	max-height: 100%;
	max-height: 100%;
	/*display: block;*/
}


.center{
	text-align: center;
	display: block;
	margin: auto;
    overflow: hidden;
    align-items: center;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
}
.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */

}


span#EPLIGHTING{

	color:green;
}

.wraps.jleft{

	justify-content: left;
}

.wraps.jleft .container #error_message{

	margin-bottom: 20px;
	padding: 0px;
	background: #fe8b8e;
	text-align: center;
	font-size: 14px;
	transition: all 0.5s ease;
}

.wraps.jleft .container #success_message{

	margin-bottom: 20px;
	padding: 0px;
	background: #4caf50;
	text-align: center;
	font-size: 14px;
	transition: all 0.5s ease;

}

.contacttitle #success_message p{

	margin-bottom: 20px;
	padding: 0px;
	background: #4caf50;
	text-align: center;
	font-size: 18px;
	transition: all 0.5s ease;

}

.contacttitle h1{
	color:green;
}
.contacttitle {
	
	float: none;
	margin: 0px 100px 0px 100px;
	/*padding-left: 100px;
	margin-top: 50px;*/
	width: 100%;
	box-sizing: border-box;

}

iframe {
    width: 100%;
    object-fit: cover;
 }   

.contactform{

	padding-left: 100px;
	display: block;
}

.contactform form{

	padding-left: 100px;

	display: block;
}

/*Contact Form*/

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;

  border: none;
  border-bottom: solid 1px grey;
  /*border-radius: 4px;*/
  resize: vertical;
  text-transform: uppercase;
  text-align: center;
  
}

label {
  padding: 12px 12px 12px 12px;
  display: inline-block;
  text-transform: uppercase;
}

input[type=submit] {
  background-color: #238b42;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width:200px;
  margin-left: 5%;

}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=text]::placeholder, textarea::placeholder {

	font-family: 'Nunito';
	font-weight: 200;
	text-transform: uppercase;
	text-align: center;
}

.container {
/*  border-radius: 5px;*/
  border:solid 1px grey;
  /*background-color: #f2f2f2;*/
  padding:3%;
  margin: 0px 100px 100px 100px;
  box-sizing: border-box;
  width: 100%;
}

.col-25 {
  float: left;
  width: 15%;
  margin-top: 6px;
  box-sizing: border-box;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.submitbutton{

	float: none;
	text-align: center;
}

.footer{

	text-align: center;
	bottom: 0;
	width: 100%;
	position: relative;
	margin-top: 5%;
	height: 50px;
	border-top: solid 1px black;

}

.wraps .footer{

	position: relative;
}

/*welding*/
#weldingequipmenthyundai img{
  float: left;
  width: 40%;
  height: 40%;
}

.weldingcontainer {
	padding: 0 50px 0 50px;
	overflow: auto;
	min-height: 100%;
	position: relative;	
	width: 90%;
    align-items: center;
    margin: auto;
    display: block;

}

#grid {
    
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 0; 
}

#gridConsumable {
    
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 0; 
}

.weldingequipmentsrow{
	border: solid 1px grey;
	padding: 15px;
  border-radius: 10px;
  margin: 15px;
  overflow: hidden;
}

.weldingequipmentscol{
	border: solid 1px grey;
	padding: 15px;
  border-radius: 10px;
  margin: 15px;
  float: left;
  display: table-cell; 
  position: relative;
  overflow: hidden  ;
   
}

.weldingequipmentscolHyundai{
	border: solid 1px grey;
	padding: 15px;
  border-radius: 10px;
  margin: 15px 9.2%;
  float: left;
  display: table-cell; 
  position: relative;
  overflow: hidden  ;
   
}

 
.weldingcontainerheader{
	padding: 0 50px 0 68px;
    overflow: auto;
    height: auto;
    position: relative;
    width: 90%;
    align-items: center;
    margin: auto;
  
}
.weldingcontainerheader h1{
	font-weight: 400;
	color: black;
}
.weldingdescription{
	width: 80%;
 	float: left;
 	padding-right: 20%;
  padding-top: 5%;
	
}
 .weldingdescriptioncol{
	width: 100%;
 	padding-right: 0px;

 
	
 }


h1.welding-header{

  font-weight: 300;
	color: #1e803f;
	font-size: 25px;
}
.chemicaldescription
{
	width: 100%;
 	float: left;
 	padding-right: 0px;
	
}
/*.weldingequipmentsrightimage
{
 	width: 20%;
 	float: right;
 	overflow: auto;
 	padding:auto;
}*/
 
.weldingequipmentsimage
{

 	width: 100%;
 	overflow: hidden;
 	padding-top: 4%;
 	float: right;
  
}

.weldingshortbox{
  position:   absolute; 
  bottom:   0;

}

#weldingimage
{
	
    margin: 0 auto;
    object-fit: cover;
    max-width: 100%;
   	max-height: 100%;
    display: block; 
 
}

.supplier-logo
{
	float: left;
	position: absolute;
  left: 10%;
  top: 2%;
}


#popup {
  
  display: none;
  position:fixed;
  top:5%;
  left:5%;
  width:90%;
  background-color:#e7e7e7;
  color:black;
  -khtml-opacity:0;
  -moz-opacity : 0;
  -ms-filter: "alpha(opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter : alpha(opacity=0);
  opacity : 0;
  padding:20px;
  border-width: 1px;
  border-style:solid;
  border-radius:15px;
  border-color:#1c7c3a;
  transition:all 1s;
  -webkit-transition:all 1s; 
  text-align: left;
  z-index: 99;
  transition-duration: 3s;
 
}

#popupcontainer{

  position: absolute; 
  top:5%;
  left:5%;
  width:90%;
  margin:   0 auto  ;

}

#popup2, #popup3, #popup4, #popup5

{
  
  display: none;
  top:  5%;
  left:   5%;
  width: 90%;
  position: fixed; 
  margin: 0 auto;  
  background-color:#e7e7e7;
  color:black;
  -khtml-opacity:0;
  -moz-opacity : 0;
  -ms-filter: "alpha(opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter : alpha(opacity=0);
  opacity : 0;
  padding: 20px;
  border-width: 1px;
  border-style:solid;
  border-radius:15px;
  border-color:#1c7c3a;
  transition:all 3s;
  -webkit-transition:all 1s; 
  text-align: left;
  z-index: 5;


}

#popup:target, #popup2:target, #popup3:target, #popup4:target, #popup5:target

{
  -khtml-opacity:1;
  -moz-opacity : 1;
  -ms-filter: "alpha(opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter : alpha(opacity=100);
  opacity : 1;
  display: block;
}

/* Bouton fermeture */

#close
{
  position: absolute;
  left: 100%;
  top: -10px;
  margin-left: -10px;
  background-color: #e0dada;
  font-size: 10px;
  padding:5px 7px;
  border-radius:50px;
  /*border-style:solid;
  border-color:#1c7c3a;*/
  font-weight:100;
  color:black;
  text-decoration:none;
  font-family:roboto;
  /*border-width: 1px;*/
}

#close:hover
{
  background-color:#EFF1F3;
  border-color:#bbd8b3;
  color:#b8b8b8;
}

#close:active
{
  background-color:#8a9595;
  color:black;
}

#bautz{

}

#Hyundai{

	left: 30%;
  top: 30%;

}

.supplier-logo:hover{
  transform: scale(1.1);
  transition: transform .2s;

}


#Saffro{
	left: 75%;
  top: 20%;
}

#Geka{
	left: 60%;
  top: 7%;
}

#Kobelco{
	left: 45%;
  top: 60%;
}

#Ramtec{
	left: 17%;
  top: 47%;
}

#Metrode{
	left: 82%;
  top: 58%;
}

#Kiswel{
	left: 33%;
  top: 20%;
}

#Powerweld{
	left: 70%;
  top: 67%;
}

#NSSW{
  object-fit: fill ;  
  overflow: hidden;
  left: 58%;
  top: 75%;
  font-size: 32px;
  color: #808082;
  border-radius: 50%;
  border: solid 3px;
  height: 120px;
  width: 120px;
  margin: 0 auto;
   
}

#YAWATA{
  overflow:   hidden; 
  left: 48%;
  top: 3%;
  font-size: 32px;
  color: #c53b3b;
  border-radius: 50%;
  border: solid 3px;
  height: 150px;
  width: 150px;
  margin: 0 auto;
  background-color:   white;


}
#YAWATA img{
  object-fit: fill;
  margin: 0 auto;
  width:  100%;
  transform:  scale(0.8);
  
}


#SpecialMetal{
	left: 59%;
  top: 45%;
}

#oxfordalloy {

  overflow: hidden;
  left: 30%;
  top: 75%;
  font-size: 32px;
  color: #5d1717;
  border-radius: 50%;
  border: solid 3px;
  height: 120px;
  width: 120px;
  margin: 0 auto;


}


#NSSW img{
  width:  100%;
}

a{
    text-decoration:  none;
    
}

#oxfordalloy:hover, #YAWATA:hover, #NSSW:hover, #Powerweld:hover, #Hyundai:hover{

  opacity:  0.5;

  /*border-color:  rgba(156,156,156,.3); */
}



  .weldinglinkcontainer{
    padding:1%;
    display: table;
    flex-wrap: wrap;
    flex-direction: row;
      overflow: auto;
      height: auto;
      width: 100%;
      align-items: center;
      margin: auto;
      
  }
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 601px) and (max-width: 1130px) {

	.contactmap-text{

 		padding: 10% 5%;

	}

	.contactmap-text h2{

		font-size: 14px;

	}

	.contactmap-text p{

		font-size: small;

	}
}
@media screen  and (max-width: 1130px) {
#grid {
    
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 0; 
}

.weldingshortbox{
  position:   relative  ; 
 

}

}
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit]{
	    width: 100%;
	    margin-top: 0;
  	}

	.contactmap-text{
		display: none;
	}
	
	.contacttitle {
 
    	margin: 0px 10px 0px 10px;
	}

	.breadcrum {
    	padding: 0px 10px;
	}

	.container {
	    border: solid 1px grey;
	    padding: 3%;
	    margin: 0px 10px 10px 10px;
	}

	input[type=submit] {

  		width:100px;

	}

	ul.navmenu {
	    float: left;
	}
}

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

	.imglogo{

		width: 250px;
	}

	ul.navmenu {
    
	    line-height: 70px;
	    font-size: 14px;
	}

@media screen and (max-width: 800px) {
	.welding3linksimage{
		width: 100%;
	}
	.weldingcontainerheader h1{
		font-size: 25px;
	}
	.flex-container .box a {
		font-size: 25px;
	}


  .weldinglinkcontainer{
   
      min-height: 450px;
 
      
  }

	.flex-container {
    
    float: left;
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
	}

  .fill-div {
    display: block;
    position: absolute;
    top: 0;
    right: 33%;
    padding: 2%;
    margin-top: 16px;
    background-color: rgba(250,250,250,0.6);
    margin: 0 auto;
    z-index: 2;
    margin-top: 10%;
}

  .flex-container.wrapsreverse{

    display: block;
    float: none;

	}
  .leftproducts img{
    
    min-height:   100%;
    display:  block;  
    object-fit: contain;

  }

  .rightproducts{

    float: left;
     width: 100%;

  }
	.box{
		float: left;
		display: inline-block;
		width: 100%;
	}

	.flex-container .box a{
		line-height: 100px;
	}

	.flex-container .box img {
   		 width: 70%;
       padding-top: 15px;
       object-fit:  contain;  
    }

    
    #home-downlight{
    	float: right;
    }
    #weoffer{

    	font-size: 24px;
    }

    #grid {
    
  display: grid;
  grid-template-columns: auto;
  grid-gap: 0; 
}


}