@media (min-width: 769px){

*{
    padding:0; margin:0;
}
.container{
    background-color:#6b7a8f;
    border-radius: 4px;
    padding: 4px;
}
.topo{
    height: 30px;
    padding-top: 5px;
}
.titulo{
    color:#ffffff;
    line-height: 20px;
}
.enunciado{
    height: 20px;
    align-content: center;
}
p, .comentarios{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color:#6b7a8f;
    font-size: clamp(0.8em, 0.5em + 2vw, 1em);
    text-align: center;
}

.rodape{
    font-size: clamp(0.8em, 0.8em + 1vw, 0.9em);
}
#lg_1, #lg_2, #lg_3 {
    font-size: clamp(0.7em, 0.4em + 2vw, 0.9em);
    text-align: justify;
    line-height: 100%;
}
.sec1, .sec2, .sec3, .sec4, .rodape{
    background-color: #dcc7aa;
    border-radius: 4px;
    height: 100px;
    margin-top: 4px;
    padding-top: 4px;
}
.sec2{
    height: 130px;
}
.sec3{
    height: 170px;
}
.sec4{
    height: 140px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.rodape{
    height: 31px;  
}
.numeradores{
    margin-top:5px;
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color:#f7882f;
}
.bin, .ter, .qua {
    display: block;
    float: left;
    background-color: rgb(255,255,255);
    width: 35px; height: 35px;
    border-radius:4px ;
    box-shadow: inset 0 0 0 2px #f7882f;
    text-align: center; font-size:29px;
    line-height: 35px;
    margin-top: 0px;
    cursor: pointer;
  }
  .bin, .ter{
      margin-right: 2px;
  }
  .denominadores{
      margin-top: 15px;
      display: flex;
      flex-direction: row;
      justify-content: center;
  }
  #den1, #den2, #den3, #den4, #den5, #den6, #den7 {
    display: block;
    float: left;
    width:25px;
    height: 55px;
    background-color: rgb(255,255,255);
    border-radius:4px ;
    box-shadow: inset 0 0 0 2px #f7882f;
    padding:3px;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  #den1, #den2, #den3, #den4, #den5, #den6{
      margin-right: 2px;
  }
  .paineis{
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      justify-content: center;
  }
  #pn_1, #pn_2, #pn_3{
    width: 60px;
    display: block;
    float: left;
  }
  .janela1, .janela2, .janela3{
    display: block;  float: left;
    width:30px; height: 60px;
    background-color:rgb(255,255,255);
    border-radius:4px ;
    box-shadow: inset 0 0 0 2px #f7882f;
    padding: 4px;
    margin-left: 11px;
    margin-bottom: 5px;
  }
  #formula{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color:#f7882f;
    text-align: center; font-size:20px;
    padding: 3px;
  }
  #num, #den{
      margin-top: 2px;
  }
.comentarios{
    padding-top: 5px;
    height: 75px;
}
.botao{
    cursor: pointer;
    background-color:#f7c331;
    width:60px; height:24px;
    position: absolute;
    box-shadow: inset 0 0 0 2px #f7882f;
    border-radius:4px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color:rgb(255,255,255);
    line-height:24px;
    text-align: center;
    margin-top: 100px;

    }
    .link_pe{
        padding-top: 5px;
        font-weight: bold;
    }
}