table tr td img:hover {
  border: .4rem solid hsl(203,99%,70%);
  border-radius: 1rem;
}
table tr td img:active {
  border: .4rem solid hsl(29.6,40%,65%);
  border-radius: 1rem;
}

.MezeraNad {
  margin-top: 2rem;
}

article img.Banner {
  display: block;
  margin: 0 auto;
  width: 48%;
}

h3 img.Draft {
  height: 2.7rem; 
  position: relative;
  top: .4rem; 
  left: .5rem;
}

.Topic {
  display: inline-block;
  width: 100%;
  vertical-align: text-top;
  padding: 0 1rem;
}
  .Topic h4 {
    margin-top: 0;
    margin-right: 1.5rem;
    padding-left: .7rem;
    background-color: hsl(40.7,60%,75%);
    border-radius: 2rem;
    position: relative;
  }
  .Topic h4 img {
    background-color: hsl(40.7,60%,75%);
    border-radius: .5rem;
    position: absolute;
    bottom: 0;
    right: -.5rem;
    width: 18%;
    max-width: 98px;
  }
  .Topic ul {
    margin-top: 0;
    padding-left: 1rem;
    list-style-type: square;
  }
    .Topic ul li {
      margin-bottom: .7rem;
    }

@media only screen and (min-width: 380px) {
  .Topic {
    display: inline-block;
    width: 48%;
  }
    .Topic h4 img {
      width: 15%;  
    }
}

@media only screen and (min-width: 720px) {
  .Topic {
    display: inline-block;
    width: 32%;
  }
  .Topic h4 img {
    bottom: -.2rem;
    right: -1.3rem;
    width: 12%;
  }
}

table.Social td ul li a {
  margin: 0;
}

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

  table.Narrow {
    display: table;
  }

  table.Wide {
    display: none;
  }

}

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

  table.Narrow {
    display: none;
  }

  table.Wide {
    display: table;
  }

}