.text ul {
	width: 100%;
	max-width: 800px;
	padding-bottom: calc(var(--spacing) * 2);
	line-height: 1.35;
}

.text ul:last-child {
	padding-bottom: 0;
}

.expertise h3 {
	width: 100%;
	max-width: 800px;
	padding-bottom: calc(var(--spacing) * 2);
}

.text li {
	list-style-type: disc;
	margin-left: 1.3em;
	padding-bottom: var(--spacing);
}

.projects {
	display: block;
	padding-top: calc(var(--spacing) * 4);
	padding-right: var(--spacing);
	padding-bottom: calc(var(--spacing) * 4);
	padding-left: var(--spacing);
}

@media only screen and (min-width: 768px) {  
	.projects {
		padding-top: var(--spacing);
		padding-right: calc(var(--spacing) * 3);
		padding-bottom: var(--spacing);
		padding-left: calc(var(--spacing) * 3);
	}
	.text ul {
		width: 100%;
		max-width: 800px;
		padding-bottom: calc(var(--spacing) * 4);
		line-height: 1.35;
	}
}
@media only screen and (min-width: 1170px) {
	.projects {
		padding-left: calc(var(--spacing) * 4);
		padding-right: calc(var(--spacing) * 4);
	}
}

.projects h3 {
	margin-top: var(--spacing);
	margin-bottom: calc(var(--spacing) * 3);
}

.albums {
  display: block;
  list-style: none;
  line-height: 0;
}

@media only screen and (min-width: 768px) {  
	.projects h3 {
		margin-top: calc(var(--spacing) * 3);
		margin-bottom: calc(var(--spacing) * 3);
	}
	.albums {
	  display: grid;
		grid-template-columns: repeat(2, 1fr);
	  list-style: none;
	  grid-gap: calc(var(--spacing) * 2);
	  line-height: 0;
	}
}

.albums li {
  overflow: hidden;
	padding-bottom: calc(var(--spacing) * 2);
}
@media only screen and (min-width: 768px) {  
	.albums li {
		padding-bottom: 0;
	}
}

.albums figure {
  position: relative;
  padding-bottom: 60%;
	background-color: white;
}
.albums figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--primary-color);
	background: rgba(255, 255, 255, .5);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  line-height: 1.5em;
  padding: 1rem;
	font-weight: 700;
	transition: all .3s;
}
.albums img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.albums figcaption:hover {
  opacity: .2;
}