body{background-color:black;color:white;font-size:105%;font-family:arial;margin:0}
.container{display: flex; flex-wrap: wrap; justify-content: center;}
.box{box-sizing: border-box; width: 40%; background-color: #002500; color: white; padding:3%; text-align:center }
.fix {
  position: sticky;       /* agora ela só “cola” quando atinge o topo */
  top: 0;                 /* define o ponto de fixação */
  z-index: 1000;          /* garante que fique sobre o conteúdo */
  background: #002500;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0,255,128,.2);
}
@media (max-width: 765px) {
  .box {
    width: 100%;
  }

  .fix {
    width: 95%;
  }
}
h1{color:orange;font-weight:bold;font-size:130%;font-family:'times new roman'}
h2{text-align:center;font-family:"times new roman";font-size:130%;font-style:italic;color:orange}
button {font-size:100%;padding:1%;background-color:#004000;color:white;border-style:solid;border-color:#002500;border-radius:40%;//font-weight:bold;}
a{color:white;text-decoration:underline}
a:hover{color:rgb(200,200,150);}
/* garante proporção correta em todas as imagens lazy */
img.lazyload,
img.lazyloaded {
  height: auto;
  max-width: 100%;
}
div.texto{text-align:left}