html { 
  background-color: steelBlue;
  margin: 2% 5% 2% 5%;
}

body {
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
}

h1 {
  font: bold 240%;
  color: steelBlue;
  padding: 25px;
  background-color: lightCyan;
}

/* Layout

------------------------------------------*/

header,
.container,
footer {
    width: 100%;
    max-width: 100%;
}

.wrapper {
    padding: 1em 0;
    background: steelBlue;
    margin: 10px 10px 10px 10px;
}

img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    border-radius: 10px;
}



/* Flex Box Gallery

------------------------------------------*/

.gallery-2 {
    background: lightCyan;
    display: flex;
}

.gallery-2 img {
    		display: block;
}

.gallery-2 {
    justify-content: space-around;
    flex-wrap: wrap;
}

.the-30{
  max-width: 30%;
}