body{
	margin: 0;
	padding: 0;

}

.banner{
	height: 500px;
	position: relative;
	width: 100%;
	background-color: #000;
}

.banner img{

	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	
}

.services-offered{

		background: #FFFF51;
		color: #000;
		height: 30vw;
		padding-top: 130px;
		position: relative;
		text-align: center;
		width: 100%;
	
}


.services-offered:before{
	
	position: absolute;
	content: '';
	width: 70%;
	height: 175px;
	top: -50px;
	left: 0px;
	background: #FFFF51;
	transform: skewY(10deg);
	z-index: 1;
}

.services-offered:after{
	
	position: absolute;
	content: '';
	width: 70%;
	height: 175px;
	top: -50px;
	right: 0px;
	background: #FFFF51;
	transform: skewY(-10deg);
	z-index: 1;
}

.services-offered h2{
	position: absolute;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-size: 4vw;
	z-index: 2;
    left: 0px;
    width: 100%;	
	top: -2vw;
}

.services-offered h3{
	position: absolute;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-size: 1.5vw;
	z-index: 2;
    left: 0px;
    width: 100%;	
	top: 15vw;
	
}

.services-offered h4{
	position: absolute;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-size: 3vw;
	z-index: 2;
    left: 0px;
    width: 100%;	
	top: 20vw;
	
}

.button {
	position:absolute;
  background-color: #f44336;
  border: none;
  color: white;
  padding: 5px 32px;
  left: 10%;
  width: 40%;
  height: 6vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 5vw;
  margin: 2px 2px;
  cursor: pointer;
  top: 30vw;
  z-index: 2;
}

.button2 {
	position:absolute;
  background-color: blue; 
  border: none;
  color: white;
  padding: 5px 32px;
  left: 50%;
  width: 40%;
  height: 6vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 5vw;
  margin: 2px 2px;
  cursor: pointer;
  top: 30vw;
  z-index: 2;
}

.contact{

		background: #000;
		color: #fff;
		height: 50vw;
		padding-top: 130px;
		position: relative;
		text-align: center;
		width: 100%;
	
}

.loadcalc{

		background: #000;
		color: #fff;
		height: 50vw;
		padding-top: 130px;
		position: relative;
		text-align: center;
		width: 100%;
	
}

.contact h1{
	
	font-size: 5vw;
	
}

.contact h2{
	
	color: green;
	font-size: 2.5vw;
	
}

.contact h3{
	
	font-size: 1.5vw;
	
}

.button3 {
	
  background-color: #f44336; /* Green */
  border: none;
  color: white;
  padding: 5px 32px;
  left: 10%;
  width: 40%;
  height: 6vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 5vw;
  margin: 2px 2px;
  cursor: pointer;
  top: 30vw;
  z-index: 2;
}
.button4 {
	
  background-color: blue; /* Green */
  border: none;
  color: white;
  padding: 5px 32px;
  left: 10%;
  width: 40%;
  height: 6vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 5vw;
  margin: 2px 2px;
  cursor: pointer;
  top: 30vw;
  z-index: 2;
}

.ductseal{

		background: #FFFF51;
		color: #000;
		
		padding-top: 130px;
		position: relative;
		text-align: center;
		width: 100%;
	
}

.ductseal h1{
	
	font-size: 3vw;
	
}

.ductseal h2{
	
	
	font-size: 2.5vw;
	
}

.ductseal h3{
	
	font-size: 4vw;
	
}

.footer{
	
	background: #000;
	color: #fff;
	height: 20px;
	
}