body{
    background-color: #ccc;
}
#main-header img {
  width: 100%;
  height: 100%;
}

#main-header .port-item {
  width: 30%;
}

#main-header .port-item:hover {
  opacity: 0.9;
  cursor: pointer;
}

.bg-black {
  color: #fff;
  background: #373737;
}
.bg-darkgray{
  background: #565656;
}
.bg-home{
  background: #c0B283;
}
.bg-work{
  background: #96858f;
}
.bg-hobby{
  background: #6d7993;
}
.bg-contact{
  background: #9099a2;
}


@media (min-width: 1199px) {
  .port-item {
    padding: 3em !important;
  }
}