@media only screen and (max-width: 1000px){
html {
  background-color: rgb(35, 75, 68);
}
.primeiroplano {
  padding: 3vmin;
  margin: 5vmin;
  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: repeat(12, 1fr);

  grid-template-areas:
    "worka worka"
    "workf workk"
    "workj workk"
    "workm workm"
    "workb workc"
    "workg workg"
    "workg workg"
    "workh workn"
    "workd worke"
    "worki worke"
    "worki workl"
    "worko workp";
  grid-gap: 0.75em;
}
.worka {
  grid-area: worka;
  height: 25vmin;
}
.workb {
  grid-area: workb;
}
.workc {
  grid-area: workc;
}
.workd {
  grid-area: workd;
}
.worke {
  grid-area: worke;
}
.workf {
  grid-area: workf;
}
.workg {
  grid-area: workg;
}
.workh {
  grid-area: workh;
}
.worki {
  grid-area: worki;
}
.workj {
  grid-area: workj;
}
.workk {
  grid-area: workk;
}
.workl {
  grid-area: workl;
}
.workm {
  grid-area: workm;
}
.workn {
  grid-area: workn;
}
.worko {
  grid-area: worko;
}
.popup {
  height: 102%;
  width: 100%;
  padding: 8vmin;
}
.segundoplanoa {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w2 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.a1 {
  grid-area: w2;
  /* height: 70vmin; */
}
.a2 {
  grid-area: w3;
}
.a3 {
  grid-area: w1;
}
.segundoplanob {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.b1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.b2 {
  grid-area: w2;
}
.b3 {
  grid-area: w3;
}
.segundoplanoc {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.c1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.c2 {
  grid-area: w2;
}
.c3 {
  grid-area: w3;
}
.segundoplanod {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.d1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.d2 {
  grid-area: w2;
}
.d3 {
  grid-area: w3;
}
.segundoplanoe {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.e1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.e2 {
  grid-area: w2;
}
.e3 {
  grid-area: w3;
}
.segundoplanof {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.f1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.f2 {
  grid-area: w2;
}
.f3 {
  grid-area: w3;
}
.segundoplanog {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w2 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.g1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.g2 {
  grid-area: w2;
}
.g3 {
  grid-area: w3;
}
.segundoplanoh {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w2 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.h1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.h2 {
  grid-area: w2;
}
.h3 {
  grid-area: w3;
}
.segundoplanoi {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w2 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.i1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.i2 {
  grid-area: w2;
}
.i3 {
  grid-area: w3;
}
.segundoplanoj {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.j1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.j2 {
  grid-area: w2;
}
.j3 {
  grid-area: w3;
}
.segundoplanok {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.k1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.k2 {
  grid-area: w2;
}
.k3 {
  grid-area: w3;
}
.segundoplanol {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.l1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.l2 {
  grid-area: w2;
}
.l3 {
  grid-area: w3;
}
.segundoplanom {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w2 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.m1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.m2 {
  grid-area: w2;
}
.m3 {
  grid-area: w3;
}
.m5 {
  display: none;
}
.segundoplanon {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.n1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.n2 {
  grid-area: w2;
}
.n3 {
  grid-area: w3;
}
.segundoplanoo {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-template-areas:
    "w1 w1"
    "w1 w1"
    "w3 w3";
  grid-gap: 0.75em;
  position: fixed;
}
.o1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.o2 {
  grid-area: w2;
}
.o3 {
  grid-area: w3;
}
.segundoplanop {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(8, 1fr);

  grid-template-rows: repeat(24, 1fr);

  grid-template-areas:
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . ."
    ". . . . . . . w3"
    ". . . . . . . w1"
    ". . . . . . . w2";
  grid-gap: 0;
  background: none;
  opacity: 1;
  padding-right: 4vmin;
  padding-bottom: 10vmin;
  position: fixed;
}
.p1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.p2 {
  grid-area: w2;
}
.p3 {
  grid-area: w3;
}
}