body {
  font-family: 'Work Sans', sans-serif;
}

.page-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.main-container {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 1400px;
	margin-right: 7px;
}

.nav {
  float: left;
  color: black;
	margin-left: 7px;
	margin-top: 4px;
}

.nav a {
  text-decoration: none;
  color: black;
}

.nav .header {
  margin-bottom: 30px
}

.nav .header a {
  font-weight: 400;
  font-size: 22px;
}

.nav ul.menu a.item {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #9c9c9c;
}

.nav ul.menu li {
  margin-top: 8px;
}

.nav ul.menu a.item:hover {
  color: black;
	cursor: pointer;
}

.nav .menu .item.selected {
  color: black;
}

.page-content {
  width: 1050px;
  height: 100%;
  float: right;
}

.gallery img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.gallery img:hover {
	-webkit-transition: .3s ease-in-out !important;
  transition: .3s ease-in-out !important;
  webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.about {
	margin-top: 7px;
	margin-left: 7px;
}

.active-section {
	display: block;
}

.inactive-section {
	display: none;
}

.copyright {
	margin-left: 7px;
}

.subsection-title {
	margin-left: 7px;
}

@media only screen and (max-width: 1307px) {
  .nav {
		float: none;
  }

  .about img {
    width: calc(100% - 7px);
  }

  #gallery-section {
    padding-top: 40px;
  }

	.about {
		margin-top: 100px;
	}

	.main-container {	
		justify-content: center;
		margin-right: 0px;
	}

	.page-content {
		float: none;
		width: 100%;
	}

	li {
		float: left;
		margin-right: 7px;
	}
}