div#Container, div#pagecontainer, [dir=rtl] div#pagecontainer{
  background: none!important;
}
#tco-headings{
  display: none;
}

div#pagecontainer{
  width: 100%;
  padding: 0px;
  max-width: none;
}

#hero_2016{
  height: 500px;
  width: 100%; 
  position: relative;
  background : url("//neon.epson-europe.com/files/repo/2016/WFPCalculator10083/assets/img/0718/hero.jpg") center center no-repeat;
}

#hero_2016 .hero-text{
  color: #ffffff;
  position: absolute;
  top: 185px;
  max-width: 450px;
}


#hero_2016 .hero-text h1{
  font-size: 38px;
  margin: 0;
  line-height: 1.2;
  color: white;
}

html[lang="nl"] #hero_2016 .hero-text h1{
  max-width: 470px;
}

#hero_2016 .l-container{
  position: relative;
  height: 100%;
}

#hero_2016 .hero_printer{
  position: absolute;
  right: -150px;
  bottom: -20px;
}

.rtl #hero_2016 .hero_printer{
  position: absolute;
  left: -150px;
  bottom: -20px;
  right: inherit;
}

#hero_2016 .hero-text p{
  font-size: 18px;
  line-height: 1.5;
  color: white;
  margin-top: 15px;
  font-family: Arial,Verdana,Sans-Serif;
}

html[lang="cs"] #hero_2016 .hero-text p{
  max-width: 350px;
}

html[lang="hu"] #hero_2016 .hero-text p{
  max-width: 320px;
}

html[lang="pl"] #hero_2016 .hero-text p{
  max-width: 320px;
}

html[lang="pt"] #hero_2016 .hero-text h1{
  max-width: 460px;
}

html[lang="fr"] #hero_2016.hero_2016_ix_fr .hero-text{
  top: 140px;
}

@media only screen and (max-width: 992px){
  #hero_2016 .hero-text{
    top: 60px;
  }

  #hero_2016 .hero_printer{
    max-width: 450px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
  }

  html[lang="cs"] #hero_2016 .hero-text p{
    max-width: 275px;
  }

  html[lang="fr"] #hero_2016.hero_2016_ix_fr .hero-text{
    top: 60px;
  }

  html[lang="fr"] #hero_2016.hero_2016_ix_fr .hero-text h1{
    font-size: 31px;
    max-width: 365px;
  }

  html[lang="ro"] #hero_2016 .hero-text h1{
    font-size: 35px;
    max-width: none;
  }
}

@media only screen and (max-width: 768px){
  #hero_2016 .hero_printer{
    max-width: 300px;
  }

  html[lang="de"] #hero_2016 .hero-text{
    top: 60px;
  }

  html[lang="cs"] #hero_2016 .hero-text p{
    max-width: 350px;
  }

  html[lang="el"] #hero_2016 .hero-text h1{
    font-size: 30px;
  }

  html[lang="es"] #hero_2016 .hero-text h1{
    max-width: none;
  }

  html[lang="fr"] #hero_2016.hero_2016_ix_fr .hero-text h1{
    font-size: 28px;
    max-width: none;
  }
}

@media only screen and (max-width: 600px){
   html[lang="nl"] #hero_2016 .hero-text h1{
    font-size: 35px;
  }

  html[lang="ro"] #hero_2016 .hero-text h1{
    font-size: 30px;
  }

  html[lang="es"] #hero_2016 .hero-text h1{
    font-size: 34px;
  }

  html[lang="tr"] #hero_2016 .hero-text h1{
    font-size: 36px;
  }
}

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

  #hero_2016 .hero-text h1{
    font-size: 25px;
  }

  html[lang="nl"] #hero_2016 .hero-text h1{
    font-size: 25px;
  }

  html[lang="de"] #hero_2016 .hero-text{
    top: 80px;
  }

  html[lang="fr"] #hero_2016.hero_2016_ix_fr .hero_printer{
    margin-right: -110px;
    max-width: 220px
  }

  html[lang="ro"] #hero_2016 .hero-text h1{
    font-size: 25px;
  }

  html[lang="es"] #hero_2016 .hero-text h1{
    font-size: 25px;
  }

  html[lang="tr"] #hero_2016 .hero-text h1{
    font-size: 25px;
  }
}




#cmsid[data-index-id="10083"]+#pagecontainer, #cmsid[data-index-id="10086"]+#pagecontainer{
  max-width: none;
}

#cmsid[data-index-id="10083"] + #pagecontainer div.sitecontent, #cmsid[data-index-id="10086"] + #pagecontainer div.sitecontent{
  margin: auto;
  width: 100%;
}

#tco-holder{
  padding-top: 30px;
  padding-bottom: 80px;
}

.genericRoundedCorners > .content{
  border: 1px solid #e1e1e1;
}

.l-container {
  margin: 0 auto;
  width: 940px;
}

@media only screen and (max-width: 479px){
  .l-container {
    width: 300px;
  }
}

@media only screen and (max-width: 599px) and (min-width: 480px){
  .l-container {
    width: 460px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 600px){
  .l-container {
    width: 576px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 768px){
  .l-container {
    width: 704px;
  }
}


/* fixing page responsivness*/


@media only screen and (max-width: 992px){
  #tco-right{
    margin-left: 0px;
  }
}

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

  #hero_2016 .hero-text h1{
    font-size: 25px;
  }
}