@charset "utf-8";
/* CSS Document */
.content {
  flex-direction: column;
  align-items: center;
  align-self: center;
  margin-top: 2vw;
}
.lucy {

  background-position: center;
  margin-bottom: 3vw;
	align-content: center;
	align-items: center;
}

.WabiSabi {
	width:34vw;

  background-position: center;
  margin-bottom: 3vw;
	margin-top:1vw;
}

.Apples {
	width:34vw;
  background-position: center;
  margin-bottom: 3vw;
	margin-top:1vw;
}

.Lemonhead {
  width: 70vw;
  height: 70vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("Lemonhead.png");
  margin-bottom: 3vw;
	margin-top:1vw;
}
.salty {
	  width: 70vw;
  height: 70vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("salty.jpg");
  margin-bottom: -2vw;
	margin-top:-3vw;
}
.row {
  width: 70vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: space-between;
}

#lemonheadtext {margin-bottom: 2vw;}

@media screen and (max-width : 600px) {
  .content {
    flex-direction: column;
    align-items: center;
    max-width: 93%;
    width: 93%;
  }
  .Lemonhead {
   width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 85vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.lucy {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 80vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.row {
    flex-direction: column;
    width: 100%;
  }
 .Apples {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 88vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.WabiSabi {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 88vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
		.salty {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 80vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	
}