.welcome{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 45px;
	color: white;
}

.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: white;
}

.divContact{
	color: black;
	text-align: center;
	text-decoration: none;
	margin-top:7%;
}

.divRow {
	display: float;
	text-decoration: none;
}

.divRow:after{
	content: "";
	display: table;
	clear: both;
}

.divColumn{
	float: left;
	padding: 10px;
	width: 50%;
	text-decoration: none;
}

.contactImage{
	width: 60%;
	float: right;
	border-radius: 15px;
}

.pdfImage{
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}

.pdfPrivacy{
	width: 5%;
	margin-left: auto;
	margin-right: auto;
}

.pos{
	display: block;
	margin-left: 18%;
	margin-right: 0;
	text-decoration: none;
}

 .btnContactDiv{
  border-radius: 8px;
  border: none;
  color: White;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin-left: 18%;
  font-size: 16px;
  cursor: pointer;
  background-color: #EA3335;
  transition: transform .3s;
  text-transform: uppercase;
 }
 
 .btnContactDiv:hover{
	 transform: scale(1.2);
	 text-decoration: none;
 }
 
.contactHeading{
	font-size: 40px;
}

.contactSubHeading{
	font-size: 30px;
	text-align: left;
}

.divWelcome{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.h2DIY{
	text-align: left;
	color: black;
	margin-left: 20%;
	margin-right: 55%;
}
.hr1{
	width: 50%;
	border-width:3px;
}


.standardImage{
	height: 100%;
	width: 100%;
	opacity: 0.5;
}

 .imgDivText{
  position: relative;
  color: white;  
  text-align: center;
  font-size: 40px;
 }
 
 .imgDivSubText{
  position: relative;
  color: white;  
  text-align: center;
  font-size: 30px;
 }
 
 .btnImgDiv{
  border-radius: 8px;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #EA3335;
  transition: transform .3s;
  text-transform: uppercase;
 }
 
 .btnImgDiv:hover{
	color: white;
	transform: scale(1.2);
 }
 
 .container-SP{
	display: block;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	text-align: center;
	color: white;
	width: 100%;
	background-color: #FAF9F6;
 }
 
 .enquire{
	 font-size: 40px;
	 color: black;
 }
 
 .divSP{
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
 }
 
 .imgPipes{
	 width: 100%;
	 height: 600px;
	 filter: brightness(40%);
	 object-fit: cover;
	 margin-left: 0;
 }
 
 
.enquiry-div{
	background-color: #FAF9F6;
	border-top: 2px solid #19804B;
}	
 
.enquiry-row{
	height: 400px;
	padding-top: 7%;
 }
 
.enquiry-column {
  float: left;
  padding: 10px;
}

.enquiry-left {
  width: 35%;
  padding-left: 2%;
}

.enquiry-right {
  width: 65%;
}

/* Clear floats after the columns */
.enquiry-row:after {
  content: "";
  display: table;
  clear: both;
}
 
 a{
	text-decoration: none;
 }
 
 a:hover{
	text-decoration: none;
 }
 
 @media (min-width: 300px) and (max-width: 599px){
	 .divWelcome{
		margin-left: 0%;
		margin-right: -32%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	 
	.imgPipes{
		filter: brightness(30%);
	}
	
	 .welcome{
		font-size: 34px;
	} 
	
	.text{
		font-size: 20px;
	}
	
	.imgPipes{
		height: 500px;
		filter: brightness(40%);
	}
	
	.divSP{
		position: absolute;
		margin-left: auto;
		margin-right: auto;
	}
	
	.enquire{
		font-size: 30px;
	}
	
	.btnImgDiv{
		font-size: 13px;
	}
	
	.divColumn{
		width: 100%;
	}
	
	.contactImage{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}
	
	.contactSubHeading{
		font-size: 20px;
		text-align: center;
	}
	
	.pos{
		margin-left: 0;
		margin-right: 0;
	}
	
	.btnContactDiv{
		margin-left: auto;
		margin-right: auto;
	}
	
	.pdfImage{
		width: 30%;
	}
	
	.btnImgDiv{
	  padding: 15px 32px;
	  font-size: 13px;
	  margin: 4px 2px;
 	  text-transform: none;
 	}	
	
	.enquiry-left {
	  width: 100%;
	  padding-left: 2%;
	}

	.enquiry-right {
	  width: 100%;
	}
	
	.enquiry-row{
		height: 400px;
		padding-top: 7%;
		margin-bottom: 10%;
	 }
	 
	  .enquire{
		 font-size: 25px;
	 }
	 
	 .pdfPrivacy{
    	width: 20%;
    	margin-left: auto;
    	margin-right: auto;
    }


 }
 
 @media (min-width: 900px) and (max-width: 1200px){
	
	.contactImage{
		width: 90%;
		float: center;
	}
	
	
	.contactSubHeading{
		font-size: 25px;
	}
 }