/* Fonts from Google Fonts - more at https://fonts.google.com */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css?family=Advent+Pro&display=swap');



body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  padding: 5px 30px;
  margin: 0 auto;
  color: #444;
 
}

.content{background: black;
margin: 30px auto;
}

.content img{
margin-bottom: -5px;}
  

.wrapper{width: 780px;
  height:500px;
  max-width: 750px;
  margin: 30px auto;
  margin-bottom: 10%;
  border: 7px solid ; 
  
  display: block;

}

h3{text-decoration: underline;
  font-family:'Righteous', cursive;
  font-size:20px;
  color:dimgray; 
  
}

p{ 
  font-family: 'Advent Pro', sans-serif;
  font-size: 18px;
  color: dimgrey;
  margin-left: 15%;
  margin-right:15%;
  
}



.gallery{
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    width:100%;
    margin-left:5.8%;
   
  
}

.gallery img{

    display:inline-block;
    
    width:60.6%;
}


   
#wrapper{
    width: 660px;
    height:615px;
    max-width: 750px;
    margin: 30px auto;
    margin-bottom: 10%;
    border: 7px solid black;

  display: block;}