body {
  background-color: #3D1F32;
  background-image: url("bg.jpg");
  background-size: cover;
  font-family: Helvetica, sans-serif;
}

a {
  color: #8FB4BA;
  text-decoration: none;
}

.pic {
  background-color: #B16F6F;
  display: inline-block;
}

#portfollio {
  width: 70%;
  margin: 0 7% 0 23%;
  }
  
#top-left {
  width: 59%;
  height: 415px;
  }
  
#top-right {
  width: 39%;
  height: 350px;
  vertical-align: top;
  }
  
#second-left {
  width: 62%;
  height: 205px;
  }
  
#second-right {
  width: 36%;
  height: 275px;
  }
  
#third-left {
  width: 48%;
  height: 385px;
  }
#third-right-top {
  width: 50%;
  height: 165px;
  vertical-align: top;
  }
#third-right-bottom-left {
  width: 30%;
  height: 215px;
  }
#third-right-bottom-right {
  width: 19%;
  height: 215px;
  }
#fourth-left {
  width: 380px;
  height: 415px;
  }
#fourth-right-top {
  width: 380px;
  height: 415px;
  }
#fourth-right-bottom {
  width: 380px;
  height: 415px;
  }
#fifth-left-top {
  width: 380px;
  height: 415px;
  }
#fifth-left-bottom-left {
  width: 380px;
  height: 415px;
  }
#fifth-left-bottom-right {
  width: 380px;
  height: 415px;
  }
#fifth-right {
  width: 380px;
  height: 415px;
  }