@media (min-width: 100px) and (max-width: 550px) {
  .logo {
    font-size: 32px;
    margin-bottom: 15px;
    margin-left: -15px;
  }
  .tedy {
    font-size: xx-large;
  }
  html,body{
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
  }
}
.logo {
  margin-left: -15px;
}