body {
  font-family: 'Alexandria', sans-serif;
}

.decorativo {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.o1 {
    top: 83%;
    left: 0%;
    max-width: 140px;
}

.o2 {
    top: 45%;
    right: 0%;
    max-width: 110px;
}

.o3 {
   top: 15%;
    right:0%;
    max-width: 500px;
}

.o4 {
     top: 25%;
    left: 22%;
    max-width: 80px;
}

.o5 {
     top: 45%;
    left: 13%;
    max-width: 280px;
}

.o6 {
    top: 50%;
    right: 16%;
    max-width: 240px;
}

.o7 {
    top: 80%;
    right: 8%;
    max-width: 80px;
}

.o8 {
    top: 270%;
    left: 0%;
    max-width: 200px;
}

.o9 {
    top: 330%;
    right: 0%;
    max-width: 120px;
}

.o10 {
    top: 410%;
    left: 0%;
    max-width: 400px;
}

.o11 {
    top: 420%;
    right: 20%;
    max-width: 60px;
}

.o12 {
    top: 553%;
    left: 0%;
    max-width: 150px;
}

.o13 {
    top: 565%;
    left: 15%;
    max-width: 60px;
}

.o14 {
   top: 570%;
    right: 0%;
    max-width: 200px;
}

.o15 {
    top:  710%;
    left: 0%;
    max-width:150px;
}

.o16 {
    top: 720%;
    right: 8%;
    max-width: 80px;
}

.o17 {
       top:  770%;
    left: 15%;
    max-width: 100px;
}

.o18 {
      top:  790%;
    left: 15%;
    max-width:600px;
}

.o19 {
    top:  850%;
    right: 15%;
    max-width:150px;
}

.o20 {
      top: 880%;
    right: 17%;
    max-width:100px;
}

.o21 {
    top: 975%;
    right: 0%;
    max-width: 2000px;
}




.o22 {
    top: 962%;
    left: 0%;
    max-width:200px;
}

.o221 {
    top: 975%;
    left: 15%;
    max-width: 80px;
}

.o23 {
    top: 10%;
    left: 0%;
    max-width: 200px;
}

.o24 {
    top: 25%;
    right: 0%;
    max-width: 200px;
}

.o25 {
    top: 43%;
    left: 0%;
    max-width: 150px;
}

.o26 {
    top: 60%;
    left: 0%;
    max-width: 150px;
}

.o27 {
     top: 10%;
    left: 0%;
    max-width: 200px;
}

.o28 {
   top: 25%;
    right: 0%;
    max-width: 200px
}

.o29 {
    top: 43%;
    left: 0%;
    max-width: 150px;
}

.o30 {
    top: 60%;
    left: 0%;
    max-width: 150px;
}




@media screen and (max-width: 4000px) and (orientation: portrait) {
  .decorativo {
    display: none;
    ;
  }
}


@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
  .decorativo {
    display: none;
    ;
  }

}

@media screen and (max-width: 950px) {
  .decorativo {
    display: none;
    ;
  }
}

/*.decorativo {
    display: none;
    ;
  }*/