html {
  /* line-height:0; */
}
.svg{
  /*height:auto;*/
  width:10%;
}
.pody {
  width:90%;
  /*border:1px solid green;*/
  position:absolute;
  right:0;
  bottom:0;
  /* font-size:32px; */
  font-size:1.6em;
  line-height:1.6em;
  white-space:normal;
  color: white;
  background: linear-gradient(to bottom, transparent, black);
  padding-top:30px;
  padding-left:0.6em;
  padding-bottom:0.6em;
}
.container {
  width:100%;
}
.rowy {
  border-bottom: 2px solid white;
  line-height: 0;
  /* margin-left: auto; */
  /* margin-right: auto; */
  margin-bottom: 0;
}
.rowdy {
  border-bottom: 2px solid white;
  margin-bottom: 0;
}
@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 600px) {
.pody {
}

}

@media only screen and (max-width: 992px) {
}

@media only screen and (min-width: 600px) and (max-width: 992px) {

}

@media only screen and (min-width: 601px) and (max-width: 992px) {

}

@media only screen and (min-width: 0) {
.pody {
  font-size:0.5em;
}

}

@media only screen and (min-width: 360px) {
.pody {
  font-size:0.6em;
}
}

@media only screen and (min-width: 390px) {

}

@media only screen and (min-width: 420px) {

}

@media only screen and (min-width: 450px) {

}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 510px) {

}

@media only screen and (min-width: 540px) {

}

@media only screen and (min-width: 570px) {

}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 601px) {

}

@media only screen and (min-width: 630px) {
.pody {
  font-size:0.8em;

  }

}

@media only screen and (min-width: 660px) {

}

@media only screen and (min-width: 690px) {
.pody {
  font-size:0.8em;

  }

}

@media only screen and (min-width: 720px) {

}

@media only screen and (min-width: 750px) {
.pody {
  font-size:1.1em;
  }
}

@media only screen and (min-width: 780px) {
.pody {
  font-size:1.2em;
}

}

@media only screen and (min-width: 810px) {
.pody {
  font-size:1.26em;
}


}

@media only screen and (min-width: 840px) {

}

@media only screen and (min-width: 870px) {

}

@media only screen and (min-width: 900px) {

}

@media only screen and (min-width: 930px) {

}

@media only screen and (min-width: 960px) {
}

@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 993px) {
.pody {
  font-size:1.39em;
}

}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1201px) {

}
@media only screen and (min-width: 1280px) {
.pody {
  font-size:1.4em;
}

}
@media only screen and (min-width: 1440px) {
.pody {
  font-size:1.6em;
}

}