/* Your Website Styles */

html{
  font-family: 'Noto Serif', serif;
  text-decoration: none;
}


/* Set Your Own Margin & Padding */
h1{
font-family: 'Noto Serif', serif;
 font-size: 1.875em;
}

h2{
font-family: 'Noto Serif', serif;
  font-size: 1.75em;
}

h3{
font-family: 'Noto Serif', serif;
font-size: 1.625em;
}

} 

p {
  font-family: Verdana, sans-serif;
  font-size: 1.375em;
  margin: 0;
}



/* Gallery Stying */
.gallery .control-button {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:hover {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

/*
	Theme controls how everything looks in Gallery CSS.
*/
.gallery {
  position: relative;
}
.gallery .item {
  height: 500px;
  overflow: hidden;
  text-align: center;
background: url ("img/parchment.jpg");
  background: #B5651D;
}
.gallery .controls {
  position: absolute;
  bottom: -120px;
  width: 100%;
  text-align: center;
}

.gallery .controls img {
  
  border: 5px solid #000;
}

.gallery .control-button {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  transition: color .1s;
}


/* Show Grid */
.showgrid {
	background: url("../img/grid-bg.png") repeat-y;
}