html,body,h1,h2,h3,h4 {font-family:"Lato", sans-serif}
    
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
  
     .jumbotron
    {
    Margin-top: 0;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    background-color: lavender;
    background-image: dragonfly-jumbo.jpg
    }
   
    footer {
      background-color: darkseagreen;
      padding: 25px;
    }
body {
  background-color: azure
  max-width: 1400px;
  margin: auto;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  color: black;
}
h1 {
    color: black;
    text-shadow: 2px 2px 4px black;
}
    


body {
  background-color: lavender
 }

.clearfix {
  clear: both;
}


.thumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:auto;
  border: 4px solid darkgray;

}




}

nav ul {
  display: block;
}

nav li {
  display: inline;
  margin: 0 0 0 0;
  color: GhostWhite;


}


@media only screen and (max-width: 480px), (orientation: portrait) {
  .thumbnail {
    width: 65%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
 .thumbnail {
    width: 85%;
  }
}





@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .thumbnail 
   {width: 100%
  }