.HouseRule {
  position: absolute;
  width: 124px;
  bottom: 20px;
  left: -46px;
  font-size: 10px;
  color: white;
  padding-left: 4px;
  padding-right: 4px;
  display: none;
}

.HouseRuleText {
  background-color: black;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
  padding-left: 4px;
  padding-right: 4px;
}

#content {
  background-image: url("../Images/Backgrounds/IDE-Background2.jpg");
  padding: 20px;
}

@media only screen and (max-width: 900px) {
  #ide-table {
    display: block;
  }
  #ide-table td {
    display: block;
  }
  #ide-table td img {
    display: inline-block;
    margin: 2% !important;
    width: 45% !important;
  }
  #rules {
    display: block;
  }
  #rules td {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 1%;
  }
  #rules .HouseRule {
    width: 90%;
    left: 5%;
  }
  #rules .HouseRule img {
    display: none;
  }
  #rules .HouseRule .HouseRuleText {
    font-size: 14px;
    line-height: 20px;
    opacity: 1;
  }
}