.projectContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 8vw;
}

.project {
  display: flex;
  margin: 1% 10%;
  flex-direction: row;
  position: relative;
  margin-bottom: 5%;
  overflow: visible;
  align-items: center;
}

.projectImage {
  transition: ease-in-out 0.3s;
  cursor: pointer;
}

.project:hover > .projectImage {
  transform: scale(1.05);
}

.projectLongText {
  font-family: Metropolis;
  font-size: 2vw;
  color: #a7a7a7;
  cursor: pointer;
}

.projectShortText {
  font-family: Metropolis;
  font-size: 10pt;
  color: #a7a7a7;
  cursor: pointer;
  display: none;
}

.projectTitle {
  font-family: Metropolis;
  font-size: 10vw;
  cursor: pointer;
}

/* PLÅTNIKLAS */

#platniklasIcon {
  width: 20vw;
  align-self: center;
  margin-right: 3vw;
}

#platniklasTitle {
  color: #50d6ff;
  z-index: 1;
  text-shadow: 10px 10px 70px rgba(80, 214, 255, 0.4);
}

#platniklasLongText {
  padding: 3vw 0 0 0;
}

#platniklasShortText {
  padding: 3vw 0 0 0;
}

/* MARTINSSON PHOTOGRAPHY */

#martinssonPhotoIcon {
  width: 55vw;
  align-self: center;
  margin-right: 5vw;
}

#martinssonPhotoTitle {
  width: 40vw;
  font-size: 7vw;
  text-shadow: -10px 10px 40px rgba(0, 0, 0, 0.3);
}

#martinssonPhotoLongText {
  padding: 3vw 0 0 0;
}

#martinssonPhotoShortText {
  padding: 3vw 0 0 0;
}

/* GAUGEKIT */

#gaugeKit {
  transition: all 1s;
}

#gaugeKitIcon {
  margin-right: 5vw;
  width: 27vw;
  align-self: center;
}

#gaugeKitTitle {
  width: 40vw;
  font-size: 9vw;
  color: #3CBE57;
  text-shadow: -10px 10px 40px rgba(60, 190, 87, 0.3);
}

#gaugeKitLongText {
  padding: 3vw 5vw 0 0;
}

#gaugeKitShortText {
  padding: 3vw 5vw 0 0;
}

/* CRYPTOVERVIEW */

#cryptoverview {
	transition: all 1s;
}

#cryptoverviewIcon {
	margin-left: 5vw;
	width: 22vw;
	align-self: center;
	padding: 10px;
	filter: drop-shadow(5px 5px 5px #D1D1D1);
}

#cryptoverviewTitle {
	width: 40vw;
	font-size: 7vw;
	color: #FFB34D;
	text-shadow: -10px 10px 40px rgba(255, 179, 77, 0.3);
}

#cryptoverviewLongText {
	padding: 3vw 3vw 0 0;
}

#cryptoverviewShortText {
	padding: 3vw 3vw 0 0;
}

/* POLLENOMICS */

#pollenomics {
  transition: all 1s;
}

#pollenomicsIcon {
  margin-left: 5vw;
  width: 21vw;
  align-self: center;
  padding: 10px;
  filter: drop-shadow(5px 5px 12px rgba(186, 214, 104, 0.28));
}

#pollenomicsTitle {
  width: 40vw;
  font-size: 7vw;
  color: #8caf36;
  text-shadow: -10px 10px 40px rgba(140, 175, 54, 0.28);
}

#pollenomicsLongText {
  padding: 3vw 3vw 0 0;
}

#pollenomicsShortText {
  padding: 3vw 3vw 0 0;
}

@media screen and (max-width: 1023px) {
	.projectContainer {
		padding-top: 10%;
	}
	
  .projectLongText {
    font-size: 13pt;
  }
}

@media screen and (max-width: 600px) {
  .projectShortText {
    display: block;
  }

  .projectLongText {
    display: none;
  }

  #platniklasIcon {
    width: 25vw;
  }

	#martinssonPhotoIcon {
		width: 30vw;
	}
}