#gas-safe-oftec { width:100%; float:left; padding:0; margin: 0; background:#333333;}
.gas-safe-oftec { float:left; width:100%;}
.gas-safe-oftec-left { float:left; width:50%; padding:40px 0 0;
background-image:
url('../images/gassafe-section-image1.png'),
url('../images/gassafe-section-image2.png');
background-repeat:no-repeat,no-repeat;
background-position: left 0% bottom 0%,right 25% bottom 10%;
background-size:auto auto,auto auto;height: 370px;}

.gas-safe-oftec-left .text { margin:0 auto; width:100%; padding-left:5%;}
.gas-safe-oftec-left .text h2 { color:#fff; font-size:32px; font-family:'Helvetica-Condensed-Black'; line-height: 38px;}
.gas-safe-oftec-left .text h2 span { color:#f6ed15;}
.gas-safe-oftec-left .text h2 span a { color:#f6ed15;}

.gas-safe-oftec-right { float:left; width:50%; padding:40px 0;}
.gas-safe-oftec-right img { margin:8% 0 0;}

.gas-safe-oftec-right .text { margin:0 auto; width:100%; padding-left:5%;}
.gas-safe-oftec-right .text h2 { color:#fff; font-size:32px; font-family:'Helvetica-Condensed-Black'; line-height: 38px;}
.gas-safe-oftec-right .text h2 span { color:#f7931e;}
.gas-safe-oftec-right .text h2 a { color:#ff9c1c;}

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

}

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

}

@media only screen and ( max-width:1400px) {
.gas-safe-oftec-left {background-position: left 0% bottom 0%,right 10% bottom 10%;}
}

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

}

@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 6%;}

.gas-safe-oftec-left,.gas-safe-oftec-right { padding:20px 0 0;}
}

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

.gas-safe-oftec-left .text h2,.gas-safe-oftec-right .text h2 { font-size:24px; line-height:30px;}
.gas-safe-oftec-left { height:300px;background-position: left 0% bottom 0%,right 10% bottom 10%;}
.gas-safe-oftec-right .text { padding:0px;}
}


@media only screen and ( max-width:900px) {
.gas-safe-oftec-left { background-position: left 0% bottom 0%,right 0% bottom 10%;}
}

@media only screen and ( max-width:800px) {
.gas-safe-oftec-left { background-position: left 0% bottom 0%,right 0% bottom 10%; background-size:56% auto,auto auto;}
	
}

@media only screen and ( max-width:767px) {
#gas-safe-oftec { text-align:center;}
#gas-safe-oftec .gas-safe-oftec-left { float: left; width: 100%; margin: 0px; border-bottom: 2px solid #fff;}
#gas-safe-oftec .wrapper {  margin: 0; width: 100%;}
.gas-safe-oftec-left,.gas-safe-oftec-right { float:none; display:inline-block; width:100%;}
.gas-safe-oftec-left { background-position: left 30% bottom 0%,right 20% bottom 10%; background-size:40% auto,auto auto;}
.gas-safe-oftec-left { height:240px;}
.gas-safe-oftec-left .text h2,.gas-safe-oftec-right .text h2 { padding:0px 25px 30px;}
.gas-safe-oftec-right { padding:30px 0;}

}


@media only screen and ( max-width:640px) {
.wrapper { width:86%; margin:0 8%;}
}

@media only screen and ( max-width:540px) {
.gas-safe-oftec-left .text h2,.gas-safe-oftec-right .text h2 { font-size:20px; line-height:25px; padding:0px 25px 15px;}
.gas-safe-oftec-left { background-position: left 25% bottom 0%,right 15% bottom 10%; background-size:45% auto,20% auto;}
}

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

}

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

}

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

}