*{box-sizing:border-box;}


body{
  /* The background image */
  background-image: url("gaspar-manuel-zaldo-1539200-unsplash.jpg");

  
 margin: 0;

    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;

    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;

    /* Center the background image */
    background-position: center;

    /* Set the background image to no repeat */
    background-repeat: no-repeat;

    /* Scale the background image to be as large as possible */
    background-size: cover;
}
h1{
  text-align:left;
  text-decoration: none;
  font-family:Didot,serif;
  color:#2f3642;
}
footer p{ color: white; }

footer{ 
  margin-top: 100px;
  background-color: #454647;
  padding: 20px;
}
nav{ position: left; left: 50; top: 0; width: 100%; 
padding: 5px 25px; text-align:left;color: black;text-decoration-line: none;
}

section{
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  padding-top: 35px;
}

gallery img{
   max-width: 380px;
   max-height: 294px;
}

nav a{
  padding-right: 25px;
  text-decoration: none;
  color: black;
  font-family:Verdana, Geneva, sans-serif;
  padding-left: 25px;
  border-right: solid 1px grey;
}  

nav a:last-child{ 
  border-right: none;
}

header{ 
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 120px;
  padding: 10px;
}
header h1, header nav{ text-align: center; }

h2{
  text-align: justify;
  text-decoration-style:double;
  font-family:Verdana, Geneva, sans-serif;
  font-size:100%;
  color:#2f3642;
  
  
}
h3{
  text-align:center;
  color:#2f3642;
  
}
p{
  text-align:center;
  font-family:Didot,serif;
  color:#454647;
}

div.content p{
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}
#bio{
 text-align: center; 
}


.digitalcollages{
  


.container {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

}
gallery{
      display:grid;
      grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
      width:100%;
      max-width:800px;
      margin:25px auto;
}
  
gallery img{
  
    display:block;
    box-shadow:-1px 0px 0px #eee;
    width:100%;
    padding: 5px;
  
  
}

section{ padding-top: 130px; }
@media (min-width: 111111px){
  .image{
    url("");
    
  }
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color:#b1acac;
    color:#464141;
    text-align: center;

}