.header {
  background-color: #ffffff;
  text-align: center;
  padding: 10px;
  font-family: "Lucida Console", monospace, serif;
}

body {
  background-color: white;
  color: black;
  font-family: Impact;
  padding: 3%;
}


.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 100%;
  max-width: 50%;
  vertical-align: middle;
}

.column img {
  margin-top: 20px;
  vertical-align: middle;
  width: 30%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  .column {
    flex: 100%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 50%;
  }
}


 .rotate {
            transition: transform 0s ease;
        }
    .rotate:hover {
            transform: rotate(5deg);
        }


.staticrotate {
            transform: rotate(-5deg);
        }

.staticrotate2 {
            transform: rotate(5deg);
        }