html, body {
  margin: 0px;
  padding: 0px;
  background-color: #000000;
}

a {
  text-decoration: none;
}

.mainzone {
  margin: 20px auto;
  width: 1600px;
  max-width: 90%;
  background-color: #002200;
  color: #000000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.onecell {
  width: 370px;
  max-width: 47%;
  background-color: #ddddff;
  color: #000000;
  margin: 10px;
  border: solid;
  border-color: #031de2;
}

.innercell1 {
  width: 98%;
  background-color: #ddffff;
  color: #000000;
  border-bottom: dotted;
  padding: 1%;
}

.innercell2 {
  width: 98%;
  background-color: #ddffff;
  color: #000000;
  padding: 1%;
}

.cellimg {
  width: 100%;
  vertical-align:top;
}

@media screen and (orientation: portrait) {
  .onecell {
    width: 740px;
    max-width: 93%;
    background-color: #ddddff;
    color: #000000;
    margin: 10px;
  }
}