/* ===================================== 
   Page Styles
======================================== */

* {
	box-sizing: border-box;
}

body {
  font-size: 1.5rem;
  line-height: 1.5;
	font-family: 'Raleway', sans-serif;
  text-align: center;
  margin: 0;
}

a:hover {
  opacity: 0.7;
}

/* this is where the gallery starts and grid is turned on */
.gallery {
  max-width: 1240px;
  margin: 50px auto;
  margin-bottom: 50px;
  display:  grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  grid-gap: 30px;
  justify-items: stretch;
}

img {
  width: 100%;
  min-width: 289px;
  display: block;
}

#search{
  height: 40px;
  margin-top: 50px; 
  padding:10px; 
  border-radius: 5px; 
  text-align: center;
} 

input[type=text] { 
   width: 30%; 
   -webkit-transition: width 0.20s ease-in-out; 
   transition: width 0.20s ease-in-out; 
} 

input[type=text]:focus { 
  width: 80%;
  max-width: 1000px;
}