#oftec {float:left; width:100%; padding:50px 0; margin:0;
background:#000 url('../images/oftec-background.jpg');
background-repeat: no-repeat;background-size:auto 100%;background-position: left 0% top 0%;}
.oftec {width:52%; float:right;}
.oftec-img { float:right; margin-left:15px;}
.oftec h2 {color:#fff; font-size:26px; margin:0px; padding:0px;}
.oftec h3 {color:#fff; font-size:17px; line-height:24px; padding:20px 0;}
.oftec p {color:#fff; font-size:16px; line-height:24px;}
.oftec p span {display:inline-block;}
.oftec p a { color:#00793d;}

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

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

}

@media only screen and ( max-width:980px) {
.oftec { width:100%;}
#oftec { background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/oftec-background.jpg'); background-color:#000; background-repeat:no-repeat; background-position: right 25% top 0%;background-size:auto 100%;}
}

@media only screen and ( max-width:767px) {
#oftec { margin:0px;}
}

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

#oftec {background-position: right 37% top 0}
.oftec h2 { font-size:22px;}
}

@media only screen and ( max-width:540px) {
.oftec p { font-size:15px;}
}

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

}