.headingleft {
  float: left;
}

.headingright {
  float: right;
}


@media screen and (max-width: 770px) {
  .headingright, .headingleft {
    display: none;
  }
}


@media screen and (min-width: 770px) {
  .showheading {
    display: none;
  }
}