.tabuleiroo .center {
  position: relative;

}


.year a {

font-size: 20px;
color: white; 
text-decoration: none;
text-shadow: 0px 5px 5px black;
font-style: italic;

}

.circle3 {
  max-width: 30%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5rem;
  background-position: center center;
  left: 50px; 
}

.circle3 img {
  width: auto;
  height: 30%;
  position: relative;
  left: 13%;
  transform: translateX(-40%);
  border-radius: 100%;
  width: 45px;
  height: 45px;
 
}

#casa000 {
position: absolute; 
z-index:2;
left: 0%;
top: 58.5%;
margin-left: 5px;

img.opacity {
  opacity: 0.1;
  filter: alpha(opacity=50);
  zoom: 1;
}

img.opacity:hover {
  opacity: 0.7;
  filter: alpha(opacity=100);
  zoom: 1;
}


}

#casa0 {
position: absolute; 
z-index:2;
left: 8.5%;
top: 60%;


}

#casa1 {
position: absolute; 
z-index:2;
left: 14%;
top: 60%;

}

#casa2 {
position: absolute; 
z-index:2;
left: 20%;
top: 60%;


}

#casa3 {
position: absolute; 
z-index:2;
left: 20%;
top: 68%;


}

#casa4 {
position: absolute; 
z-index:2;
left: 20%;
top: 75%;


}

#casa5 {
position: absolute; 
z-index:2;
left: 20%;
top: 82%;
font-size: 20px;


}

#casa6 {
position: absolute; 
z-index:2;
left: 14%;
top: 83%;
font-size: 20px;


}

#casa7 {
position: absolute; 
z-index:2;
left: 14%;
top: 91%;
font-size: 20px;


}

#casa8 {
position: absolute; 
z-index:2;
left: 20%;
top: 91%;
font-size: 20px;


}

#casa9 {
position: absolute; 
z-index:2;
left: 25%;
top: 91%;



}

#casa10 {
position: absolute; 
z-index:2;
left: 31%;
top: 91%;


}

#casa11 {
position: absolute; 
z-index:2;
left: 31%;
top: 83%;


}

#casa12 {
position: absolute; 
z-index:2;
left: 31%;
top: 75%;


}

#casa13 {
position: absolute; 
z-index:2;
left: 34%;
top: 68%;


}

#casa14 {
position: absolute; 
z-index:2;
left: 38%;
top: 60%;


}

#casa15 {
position: absolute; 
z-index:2;
left: 42%;
top: 56%;


}

#casa16 {
position: absolute; 
z-index:2;
left: 46%;
top: 60%;


}

#casa17 {
position: absolute; 
z-index:2;
left: 42%;
top: 68%;


}

#casa18 {
position: absolute; 
z-index:2;
left: 40%;
top: 78%;


}

#casa19 {
position: absolute; 
z-index:2;
left: 46%;
top: 78%;


}

#casa20 {
position: absolute; 
z-index:2;
left: 52%;
top: 78%;


}

#casa21 {
position: absolute; 
z-index:2;
left: 58%;
top: 78%;


}

#casa22 {
position: absolute; 
z-index:2;
left: 63%;
top: 85%;


}

#casa23 {
position: absolute; 
z-index:2;
left: 68%;
top: 92%;


}

#casa24 {
position: absolute; 
z-index:2;
left: 74%;
top: 92%;


}

#casa25 {
position: absolute; 
z-index:2;
left: 74%;
top: 85%;


}

#casa26 {
position: absolute; 
z-index:2;
left: 74%;
top: 78%;


}

#casa27 {
position: absolute; 
z-index:2;
left: 72%;
top: 67%;


}

#casa28 {
position: absolute; 
z-index:2;
left: 68%;
top: 60%;


}

#casa29 {
position: absolute; 
z-index:2;
left: 63%;
top: 60%;


}

#casa30 {
position: absolute; 
z-index:2;
left: 56%;
top: 60%;
text-shadow: 0px 5px 5px black;


}

#casa31 {
position: absolute; 
z-index:2;
left: 50%;
top: 60%;


}

#casa32 {
position: absolute; 
z-index:2;
left: 50%;
top: 54%;


}


#casa33 {
position: absolute; 
z-index:2;
left: 50%;
top: 45%;


}

#casa34 {
position: absolute; 
z-index:2;
left: 44%;
top: 45%;


}

#casa35 {
position: absolute; 
z-index:2;
left: 39%;
top: 45%;


}

#casa36 {
position: absolute; 
z-index:2;
left: 33%;
top: 45%;


}

#casa37 {
position: absolute; 
z-index:2;
left: 27%;
top: 45%;


}

#casa38 {
position: absolute; 
z-index:2;
left: 25%;
top: 54%;


}

#casa39 {
position: absolute; 
z-index:2;
left: 20%;
top: 54%;


}

#casa40 {
position: absolute; 
z-index:2;
left: 18%;
top: 45%;


}

#casa41 {
position: absolute; 
z-index:2;
left: 14%;
top: 40%;


}

#casa42 {
position: absolute; 
z-index:2;
left: 8%;
top: 38%;


}

#casa43 {
position: absolute; 
z-index:2;
left: 7%;
top: 32%;


}

#casa44 {
position: absolute; 
z-index:2;
left: 8%;
top: 24%;


}

#casa45 {
position: absolute; 
z-index:2;
left: 14%;
top: 22%;


}

#casa46 {
position: absolute; 
z-index:2;
left: 20%;
top: 22%;


}

#casa47 {
position: absolute; 
z-index:2;
left: 25%;
top: 22%;


}

#casa48 {
position: absolute; 
z-index:2;
left: 25%;
top: 32%;


}

#casa49 {
position: absolute; 
z-index:2;
left: 25%;
top: 38%;


}

#casa50 {
position: absolute; 
z-index:2;
left: 31%;
top: 40%;


}

#casa51 {
position: absolute; 
z-index:2;
left: 38%;
top: 38%;


}

#casa52 {
position: absolute; 
z-index:2;
left: 42%;
top: 32%;


}

#casa53 {
position: absolute; 
z-index:2;
left: 39%;
top: 26%;


}

#casa54 {
position: absolute; 
z-index:2;
left: 34%;
top: 32%;


}

#casa55 {
position: absolute; 
z-index:2;
left: 31%;
top: 26%;


}

#casa56 {
position: absolute; 
z-index:2;
left: 36%;
top: 20%;


}

#casa57 {
position: absolute; 
z-index:2;
left: 42%;
top: 20%;


}

#casa58 {
position: absolute; 
z-index:2;
left: 48%;
top: 20%;


}

#casa59 {
position: absolute; 
z-index:2;
left: 54%;
top: 20%;


}

#casa60 {
position: absolute; 
z-index:2;
left: 54%;
top: 28%;


}

#casa61 {
position: absolute; 
z-index:2;
left: 54%;
top: 36%;


}

#casa62 {
position: absolute; 
z-index:2;
left: 56%;
top: 45%;


}

#casa63 {
position: absolute; 
z-index:2;
left: 60%;
top: 52%;


}

#casa64 {
position: absolute; 
z-index:2;
left: 60%;
top: 58%;


}

#casa65 {
position: absolute; 
z-index:2;
left: 60%;
top: 67%;


}

#casa66 {
position: absolute; 
z-index:2;
left: 62%;
top: 74%;


}

#casa67 {
position: absolute; 
z-index:2;
left: 67%;
top: 74%;


}

#casa68 {
position: absolute; 
z-index:2;
left: 72%;
top: 74%;


}

#casa69 {
position: absolute; 
z-index:2;
left: 78%;
top: 74%;


}

#casa70 {
position: absolute; 
z-index:2;
left: 83%;
top: 74%;


}

#casacentro {
position: absolute; 
z-index:2;
left: 40%;
bottom: 50%;

}
















@media screen and (max-width: 415px) {

.hideOz {

display: none;

}


.center img {

width: 25px;
height: 23px;

}

.year a {

font-size: 6px;
color: white; 
text-decoration: none;

}

.circle3 img {
  width: auto;
  height: 30%;
  position: relative;
  left: 13%;
  transform: translateX(-40%);
  border-radius: 100%;
  width: 16px;
  height: 16px;
 
}

#casa0 {
position: absolute; 
z-index:2;
left: 7.5%;
top: 52%;
color: black;
text-shadow: 0px 5px 5px black;
font-style: italic;

}

#casa1 {
position: absolute; 
z-index:2;
left: 13%;
top: 52%;
text-shadow: 0px 5px 5px black;
font-style: italic;
}

#casa2 {
position: absolute; 
z-index:2;
left: 21%;
top: 52%;
font-size: 20px;
text-shadow: 0px 5px 5px black;
font-style: italic;

}

#casa3 {
position: absolute; 
z-index:2;
left: 21%;
top: 60%;
font-size: 20px;
text-shadow: 0px 5px 5px black;
font-style: italic;

}

#casa4 {
position: absolute; 
z-index:2;
left: 21%;
top: 66%;
font-size: 20px;
text-shadow: 0px 5px 5px black;
font-style: italic;

}

#casa5 {
position: absolute; 
z-index:2;
left: 21%;
top: 70%;
font-size: 20px;
text-shadow: 0px 5px 5px black;
font-style: italic;
color: black;

}





}




@media screen and (min-width: 416px) and (max-width: 815px) {

.hideOz {

display: none;

}


.year a {

font-size: 12px;
color: white; 
text-decoration: none;

}

.circle3 img {
  width: auto;
  height: 30%;
  position: relative;
  left: 13%;
  transform: translateX(-40%);
  border-radius: 100%;
  width: 28px;
  height: 28px;


}

}