body{
}

.mainbody{
  background-image:url(background.png);
  background-repeat: no-repeat;
  background-size: 1500px 2000px;
  background-position: center;
  display:inline-block;
  width:1450px;
  height:2000px;
  overflow-x:hidden;
}

.portfolio{
  width:1250px;
  height:1300px;
  margin-left:110px;
  margin-top:225px;
  overflow:scroll;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding-left:220px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

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

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

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

.buttons{
  margin-left:500px;
  position:relative; bottom:425px;
}

.stamps{
  position:relative; bottom:425px;
  margin-left: 110px;
}


li {
  display:inline;
  
}

li:hover{
  opacity: 0.7;
}

.header{
  position:relative; bottom:1865px; right:400px;
}