body {
  background-attachment: fixed;
}

.container {
  width: 700px;
  margin: auto;
}

.footer,
.center {
  text-align: center;
}

/* row and column */

.row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}

/* screen width */

@media only screen and (max-width: 715px) {
  /* For images */
  body {
    width: 100%;
    margin: 0px;
  }
  .container {
    width: auto;
    margin: 0px;
  }
}