@charset "UTF-8";

@media (min-width: 400px) {
  #remote-control-container .pool-141-portrait-container {
    font-size: 26pt;
  }
  #remote-control-container .pool-141-portrait-container .values {
    width:420px;
  }
  #remote-control-container .pool-141-portrait-container .values .small-value {
    width: 200px;
  }

  #remote-control-container .pool-141-portrait-container .middle {
    font-size: 4em;
  }
  #remote-control-container .pool-141-container.portrait #pool141-footer {
    left: 60%; 
  }
}

@media (min-width: 800px) {
  #remote-control-container .pool-141-portrait-container {
    font-size: 30pt;
  }
  #remote-control-container .pool-141-container.portrait #pool141-footer {
    left: 60%; 
  }
}

@media (min-width: 1000px) {
  #remote-control-container .pool-141-portrait-container {
    font-size: 40pt;
  }
  #remote-control-container .pool-141-container.portrait #pool141-footer {
    left: 50%; 
  }
}

pool141-portrait {
  display: block;
  height: 100%;
}

.pool-141-portrait-container {
  height: 100%;
}

.pool-141-portrait-container .triangle {
  line-height: 1em;
}

.pool-141-portrait-container {
  font-size: 20pt;
}

.pool-141-portrait-container .values {
  width: 200px;
}

.pool-141-portrait-container .values .small-value {
  width: 100px;
}

.pool-141-portrait-container .middle {
  font-size: 3em;
}

.pool-141-container.portrait #pool141-footer {
  left: 60%; 
}