*
{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* LAYOUT */

h1
{
	font-family: 'rift';
	font-weight: 600;
	color: white;
	display: block;
	width: 100%;
	text-align: center;	
}

body
{
  background-color: #2b2b2b;
}

#layout-wrapper
{
  margin: 0 auto;
  max-width: 1250px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

section
{
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  width: 300px;
  height: 300px;
  margin: 5px;
}

section img
{
  width: 300px;
}

@media (max-width: 1249px)
{
  #layout-wrapper
  {
    width: 650px;
    justify-content: space-between;
  }
}

@media (max-width: 620px)
{
  #layout-wrapper
  {
    width: 100%;
    justify-content: center;
  }
}