/* Hand-tuned layout per screen group (phone portrait, tablet portrait, phone landscape, desktop, ultrawide). Loaded last. Edit the values freely. */
/* celulares em pé */
@media (orientation: portrait) and (max-width: 599px) {
  #ui > div.tapstart > img.tslogo {
    translate: 0% -28.78% !important;
    scale: 1 1 !important;
  }
  #ui > div.tapstart > p.tstap {
    translate: 0% 97.99% !important;
    scale: 1.12 1.12 !important;
  }
  #ui > div.tapstart > img.tsfox {
    translate: -0.27% 4.1% !important;
    scale: 1.289 1.289 !important;
  }
  #ui > div.title.tland > img.tfoxn {
    translate: -3.91% 36.37% !important;
    scale: 1.606 1.606 !important;
  }
  div.title.tland > span.playrow > button.play.ibtn.green {
    translate: -0.32% 96.86% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > p.sub {
    translate: 0% 188.36% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > img.logo {
    translate: -1.13% 25.59% !important;
    scale: 1.429 1.429 !important;
  }
  div.title.lay > div.stage.b > div.pc.wspark.l {
    translate: 59.4% 0% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > button.tcorner.tgear {
    translate: 9.33% 9.33% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > button.tcorner.tsnd {
    translate: -9.33% 9.33% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > img.tcl.l {
    translate: 0% -14.84% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > img.tcl.r {
    translate: 0% -15.07% !important;
    scale: 1 1 !important;
  }
  div.win.lay > div.stage > button.pc.psec.ibtn.cream.preset {
    translate: 0% 0% !important;
    scale: 1.048 1.048 !important;
  }
  #albumb {
    translate: -8.09% 0% !important;
    scale: 1 1 !important;
  }
  div.map.lay > div.stage > div.pc.mfox2 {
    translate: 0% 6.94% !important;
    scale: 1 1 !important;
  }
  div.win.lay.av > div.stage > div.pc.wpanel.apanel {
    translate: 0% 0% !important;
    scale: 0.955 0.955 !important;
  }
  #zbtns {
    translate: -31.76% 0% !important;
    scale: 1.1 1.1 !important;
  }
  #fox {
    translate: 0% -19.56% !important;
    scale: 1 1 !important;
  }
  #rs {
    translate: 0% 0% !important;
    scale: 1.048 1.048 !important;
  }
  #lv {
    translate: 0% 0% !important;
    scale: 1.048 1.048 !important;
  }
  #snd {
    translate: 0% 0% !important;
    scale: 1.029 1.029 !important;
  }
}
/* tablets em pé */
@media (orientation: portrait) and (min-width: 600px) {
  #albumb {
    translate: -4.52% 0% !important;
    scale: 1 1 !important;
  }
  div.lm-right > div.lm-pill {
    translate: -2.03% 0% !important;
    scale: 1 1 !important;
  }
  div.lm-top > h2.lm-title {
    translate: -1.84% 0% !important;
    scale: 1 1 !important;
  }
  button.lc > em.go.ibtn.green {
    translate: -0.84% -24.77% !important;
    scale: 0.855 0.856 !important;
  }
  #ui > div.tapstart > p.tstap {
    translate: 1.24% 23.61% !important;
    scale: 1.2 1.2 !important;
  }
  #ui > div.tapstart > img.tsfox {
    translate: 0.53% -7.34% !important;
    scale: 1.182 1.182 !important;
  }
  #ui > div.tapstart > img.tslogo {
    translate: 0.01% -19.6% !important;
    scale: 0.741 0.741 !important;
  }
  #ui > div.title.tland > img.tfoxn {
    translate: -0.27% 0.41% !important;
    scale: 1.288 1.288 !important;
  }
  div.title.lay > div.stage.b > div.pc.wspark.l {
    translate: -254.06% 0% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > button.tcorner.tgear {
    translate: 11.06% 11.06% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > button.tcorner.tsnd {
    translate: -11.06% 11.06% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > img.tcl.l {
    translate: 0% -12.72% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.lay > img.tcl.r {
    translate: 0% -12.91% !important;
    scale: 1 1 !important;
  }
  div.stage > div.pc.srow.srow-t > select.langsel {
    translate: -0.34% 0% !important;
    scale: 1.007 1.007 !important;
  }
  div.win.lay > div.stage > button.pc.psec.ibtn.cream.preset {
    translate: 0% 0% !important;
    scale: 1.048 1.048 !important;
  }
  div.map.lay > div.stage > div.pc.mfox2 {
    translate: 0% 6.02% !important;
    scale: 1 1 !important;
  }
  #zbtns {
    translate: -26.92% 0% !important;
    scale: 1.15 1.15 !important;
  }
  #fox {
    translate: 0% -17.18% !important;
    scale: 1 1 !important;
  }
  #rs {
    translate: 0% 0% !important;
    scale: 1.048 1.048 !important;
  }
  #lv {
    translate: 0% 0% !important;
    scale: 1.048 1.048 !important;
  }
  #snd {
    translate: 0% 0% !important;
    scale: 1.029 1.029 !important;
  }
}
/* celulares deitados */
@media (orientation: landscape) and (max-height: 500px) {
  #ui > div.tapstart > img.tsfox {
    translate: 263.91% -44.04% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > img.tfoxn {
    translate: 100.6% -108.67% !important;
    scale: 1 1 !important;
  }
  #ui > div.tapstart > p.tstap {
    translate: 0% -92.31% !important;
    scale: 1.12 1.12 !important;
  }
  #ui > div.title.tland > button.tcorner.tgear {
    translate: 21.97% 21.97% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > button.tcorner.tsnd {
    translate: -21.97% 21.97% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > img.tcl.l {
    translate: 0% -12.24% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > img.tcl.r {
    translate: 0% -12.43% !important;
    scale: 1 1 !important;
  }
  div.win.lay.lv2 > div.stage.l > button.pc.psec.ibtn.cream.preset {
    translate: 0% -10.8% !important;
    scale: 1.067 1.067 !important;
  }
  #fox {
    translate: 0% -7.07% !important;
    scale: 1 1 !important;
  }
  #rs {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #lv {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #snd {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
}
/* computador e tablet deitado */
@media (orientation: landscape) and (min-height: 501px) and (max-aspect-ratio: 2/1) {
  div.tapstart > img.tsfox {
    translate: -237.97% 76.39% !important;
    scale: 1.754 1.753 !important;
  }
  div.tapstart > p.tstap {
    translate: -1.32% -481.71% !important;
    scale: 1.073 1.073 !important;
  }
  div.title.tland > img.tfoxn {
    translate: 54.62% -68.21% !important;
    scale: 1 1 !important;
  }
  button.lc > em.go.ibtn.green {
    translate: 0% -28.74% !important;
    scale: 0.862 0.862 !important;
  }
  div.win.lay.lv2 > div.stage.l > button.pc.psec.ibtn.cream.preset {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #fox {
    translate: 0% -3.59% !important;
    scale: 1 1 !important;
  }
  #rs {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #lv {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #snd {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
}
/* telas ultralargas */
@media (orientation: landscape) and (min-height: 501px) and (min-aspect-ratio: 2/1) {
  #ui > div.tapstart > img.tsfox {
    translate: 238.26% -80.58% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > img.tfoxn {
    translate: 55.6% -114.9% !important;
    scale: 1 1 !important;
  }
  #ui > div.tapstart > p.tstap {
    translate: 0% -87.72% !important;
    scale: 1.5 1.5 !important;
  }
  #ui > div.title.tland > button.tcorner.tgear {
    translate: 25.05% 25.05% !important;
    scale: 1.046 1.046 !important;
  }
  #ui > div.title.tland > button.tcorner.tsnd {
    translate: -25.05% 25.05% !important;
    scale: 1.046 1.046 !important;
  }
  #ui > div.title.tland > img.tcl.l {
    translate: 0% -11.05% !important;
    scale: 1 1 !important;
  }
  #ui > div.title.tland > img.tcl.r {
    translate: 0% -11.22% !important;
    scale: 1 1 !important;
  }
  div.stage.l > div.pc.srow.srow-t > select.langsel {
    translate: -0.66% 0% !important;
    scale: 1.013 1.013 !important;
  }
  div.win.lay.lv2 > div.stage.l > button.pc.psec.ibtn.cream.preset {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #fox {
    translate: 18.95% -2.55% !important;
    scale: 1 1 !important;
  }
  #rs {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #lv {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
  #snd {
    translate: 0% 0% !important;
    scale: 1.067 1.067 !important;
  }
}

/* End of css/ajustes.css */