body {
	font-family: "Helvetica", sans serif;
	color: #4b141f;
	font-size: 0.85em;
	text-align: justify;
	background-color: #f7e2f7;
	background-image: url();
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0;
}

font {
	font-family: "Helvetica", sans serif;
	color: #4b141f;
	text-align: justify;
	font-size: 0.85em;
}

p {
	font-family: "Helvetica", sans serif;
	color: #4b141f;
	font-size: 0.85em;
	text-align: justify;
}

.nav {
		font-family: "Helvetica", sans serif;
		color: #7d1533;
		font-size: 1em;
		text-align: justify;
	}
	
#nav {
	display: inline-block;
	position: absolute;
	top: 660px;
	left: 190px;
	}
	
#content {
	display: inline;
	position: absolute;
	width: 650px;
	top: 550px;
	left: 540px;
	}
	
a {
	font-family: "Helvetica", sans serif;
	font-weight: bold;
	font-size: 1em;
	cursor: crosshair;
	}

a:link {
	font-family: "Helvetica", sans serif;
	font-weight: bold;
	color: #84364a;
	font-size: 1em;
	cursor: crosshair;
	}

a:hover {
	font-weight: bold;
	color: #f72855;
	text-decoration: line-through;
	cursor: help;
	}
	
a:visited {
	font-family: "Helvetica", sans serif;
	font-weight: bold;
	color: #84364a;
	text-decoration: none;
	}

h1 {
	text-transform: lowercase;
	letter-spacing:2pt;
	text-align: left;
	font-size:1.5em;
	font-family: "Helvetica", sans serif;
	color: #f72855;
	}

strong {
	color: #f72855;
	}

b {
	color: #f72855;
	}


.gallery {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 3 IMAGES PER ROW */
  grid-gap: 10px;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .gallery {
    grid-template-columns: repeat(2, auto); 
  }
}

/* (B) THUMBNAILS */
.gallery img {
  width: 100%;
  height: 200px;
  cursor: pointer;
  object-fit: cover;
}
.gallery img:fullscreen { object-fit: contain !important; }