.mega, .bola {
    line-height: 1.95em !important;
    font-weight: bold !important;
    font-size: 11em !important;
    color: black !important;
    width: 300px !important;
    height: 300px !important;
    position: absolute;
    left: 42%;
    top: 50%;
    margin-left: -116px;
    margin-top: -150px;
    float: none !important;
    letter-spacing: 14px;
}
.mega2 {
    line-height: 1.95em !important;
    font-weight: bold !important;
    font-size: 11em !important;
    color: black !important;
    width: 300px !important;
    height: 300px !important;
    position: absolute;
    left: 43%;
    top: 50%;
    margin-left: -143px;
    margin-top: -150px;
    float: none !important;
    letter-spacing: 33px;
}
.bola2{line-height: 1.85em !important;font-weight: bold !important;font-size: 11em !important;color: black !important;width: 300px !important;height: 300px !important;position: absolute;left: 53%;top: 50%;margin-left: -150px;margin-top: -150px;float: none !important;letter-spacing: 34px;}
.mini {
  font-size: 1em !important;
  color: #000 !important;
  line-height: 9em !important;
  text-indent: 2.5em;
  position: absolute;
  left: 53%;
  top: 56%;
}
.mini2{font-size: 1em !important;color: #000 !important;line-height: 9em !important;text-indent: 2.5em;position: absolute;left: 57%;top: 55%;}
@media (min-width:577px) and (max-width:646px)
{
.mega, .bola {
    line-height: 1.95em !important;
    font-weight: bold !important;
    font-size: 11em !important;
    color: black !important;
    width: 300px !important;
    height: 300px !important;
    position: absolute;
    left: 51%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    float: none !important;
    letter-spacing:34px;
}
.mega2 {
    line-height: 1.95em !important;
    font-weight: bold !important;
    font-size: 11em !important;
    color: black !important;
    width: 300px !important;
    height: 300px !important;
    position: absolute;
    left: 51%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    float: none !important;
    letter-spacing:34px;
}
.bola2{line-height: 1.85em !important;font-weight: bold !important;font-size: 11em !important;color: black !important;width: 300px !important;height: 300px !important;position: absolute;left: 81%;top: 50%;margin-left: -150px;margin-top: -150px;float: none !important;letter-spacing: 34px;}
.mini2{
font-size: 1em !important;
    color: #000 !important;
    line-height: 9em !important;
    text-indent: 2.5em;
    position: absolute;
    left: 71%;
    top: 100%;
}
}
@media (max-width:576px)
{
 .mega {
    font-size: 10em !important;
    width: 242px !important;
    left: 44.5%;
    letter-spacing: 9px;
}
 .mega2 {
    font-size: 10em !important;
    width: 242px !important;
    left: 44.5%;
    letter-spacing: 16px;
}
.bola {
    line-height: 1.95em !important;
    font-weight: bold !important;
    font-size: 11em !important;
    color: black !important;
    width: 241px !important;
    height: 300px !important;
    position: absolute;
    left: 60%;
    top: 54%;
    margin-left: -150px;
    margin-top: -150px;
    float: none !important;
    letter-spacing: 11px;
}
.mini {
  left: 52%;
  top: 49%;
}
.mini2{
    left: 56%;
    top: 54%;
}
.bola2{line-height: 1.85em !important;font-weight: bold !important;font-size: 11em !important;color: black !important;width: 240px !important;height: 300px !important;position: absolute;left: 84.5%;top: 54%;margin-left: -150px;margin-top: -150px;float: none !important;letter-spacing: 34px;}
}
.min-h{min-height: 50vh;}