.img-header {
	width: 100%;
	height: 500px;
	background-image: url('img/galaxy.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.icon-link {
	flex-basis: 33%;
	text-align: center;
}

.vector-image {
	height: 10vh;
	fill: #784e99;
	margin-bottom: 1.5rem !important;
}

@keyframes navbarblacken {
	0% {
		background-color: rgba(0, 0, 0, .5);
	}

	100% {
		background-color: black;
	}
}

@keyframes navbarclear {
	0% {
		background-color: black;
	}

	100% {
		background-color: rgba(0, 0, 0, .5);
	}
}

.navbar {
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: between;
}

.navbarblacken {
	animation-name: navbarblacken;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}

.navbarclear {
	animation-name: navbarclear;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

hr {
	border-top: 1px solid white !important;
}

.project {
	display: flex;
	flex-wrap: wrap;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
  margin-right: -15px;
  margin-left: -15px;
}

.project div {
	position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.project .description {
	flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.project .image {
	height: 100% !important;
	flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.project:nth-of-type(odd) .image {
	order: -1;
}

.img-inline {
	width: inherit;
	height: inherit;
	object-fit: cover;
	vertical-align: middle;
}

.project .image img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	vertical-align: middle;
}