.bg_full{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.centertext {
  position: absolute;
  font-size: 3vw;
  transform: translate(-50%,-50% );
  left: 42%;
  top: 32%;
  color: white;
}
.speechbox.speech_1 {
  position: absolute;
  width: 30%;
  top: 25%;
  left: 31%;
}
.insidetext {
    left: 4% !important;
    top: 52% !important;
}
.speechbox.speech_2 {
  position: absolute;
  top: 49%;
  left: 12%;
}
.insidetext_type2 {
  left: 4% !important;
  top: 40% !important;
}
.speech_3 {
  position: absolute;
  top: 18%;
  left: 10%;
  width: 50%;
  height: 36%;
}
.patro_right {
  position: absolute;
  width: 15%;
  transform: translateY(-50%);
  top: 64%;
  left: 79%;
}
.speech_4 {
  position: absolute;
  top: 44%;
  left: 6%;
  width: 50%;
  height: 29%;
}
.speechbox.speech_5 {
  position: absolute;
  height: 29%;
  top: 35%;
  left: 46%;
}
.patro_right_2 {
    position: absolute;
    width: 13%;
    transform: translateY(-50%);
    top: 46%;
    left: 81%;
}
.speech_6 {
    position: absolute;
    height: 29%;
    top: 27%;
    left: 37%;
}
.speech_7 {
    position: absolute;
    width: 50%;
    top: 19%;
    left: 12%;
    height: 32%;
}
.patro_right_3 {
    position: absolute;
    width: 15%;
    top: 41%;
    left: 66%;
}
.sagar {
    position: absolute;
    width: 13%;
    top: 60%;
    left: 84%;
}
.speech_8 {
    position: absolute;
    width: 33%;
    top: 17%;
    left: 67%;
    height: 38%;
}
.patro_right_4 {
    position: absolute;
    width: 15%;
    top: 41%;
    left: 82%;
}
.speech_9 {
    position: absolute;
    width: 43%;
    top: 39%;
    left: 19%;
    height: 19%;
}
.yellowish_bg{
  background: #efe4c5;
}
.patro_center{
  position: absolute;
  width: 40%;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}
@media (min-aspect-ratio: 4/3){
  .centertext{
    font-size: 5.5vmin;
  }
}