body {
  background-color: #131212;
  margin: 0 0 0 0;
  fxlex-wrap: wrap;
}

div {
  flex-basis: 100%;
  height: 100%;
  background-image: url("../img/pink-beauty.png");
  background-size: 55%;
  background-repeat:no-repeat;
  background-position: center;
  }


footer {
      bbackground-color: black;
      font: bold 80% monospace;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40px;
      color: #F9C2C5;
      text-align: center;
  }


/* landscape*/
@media screen and (max-width: 1080px) and (min-width: 600px) {
/*@media screen and (orientation: landscape) {*/
 /* body {
    background-color: olive;
  }*/
    div {
      flex-basis: 33%;
      background-size: 68%;
    }
}

/*vertical*/
@media screen and (max-width: 600px) and (min-width: 280px) {
/*  body {
    background-color: white;
  }*/
    main {
      flex-wrap: nowrap;
      background-position: center;
    }

    div {
      flex-basis: 33%;
      background-size: 95%;
    }
  }

    footer {
      height: 30px;
      font: bold 70% monospace;
    }