body {
  background-color: #403d39 ;
  font-family: 'Montserrat', sans-serif;
}

/* font-family: 'Montserrat', sans-serif; */


h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 5rem;
  font-weight: 800;
  color:#ccc5b9;
  margin-bottom: 0;
  margin-top: 6rem;
  }

 
 h2 {
   font-size: 2rem;
   font-weight: 600;
   color:#ccc5b9;
   text-transform: uppercase;
   letter-spacing: .2rem;
   margin-top: -1.25rem;
   margin-bottom: 4rem;
  } 

h3 {
  font-size: 2.8rem;
  color: #ccc5b9;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .2rem;
  list-style-type: none;
  margin-bottom: 0.5rem;
}



 li {
   font-size: 2.8rem;
   color: #ccc5b9;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: .2rem;
   list-style-type: none;
   margin-left: -2.5rem;
   margin-bottom: 0.5rem;
  }


 p {
    font-size: 1rem;
    color: #ccc5b9;
   font-weight: 400;
   letter-spacing: .1rem;
   line-height: 2rem;
   }

a {
  color: #ccc5b9;
  text-decoration: none;
}

a:hover {
  color: white;
}

footer {
  display: flex;
  margin:auto ;
  justify-content: center;
  flex-wrap: wrap;

}
    
.footer p {
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  }

hr {
  border-width: 1px;
  border-color: #ccc5b9;
}

.logo {
  background-image: url(images/Little-logo_white.png);
  background-size: auto, contain;
  background-repeat:no-repeat;
  width: 75px;
  height: 60px; 
  margin-bottom: 2em;
  }

.grid-container {
  margin: auto;

  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
}



.land {
  grid-column-start: 2;
  grid-column-end: 3;
  transform: rotate(0.996turn);
  max-width: 28rem;
}

.art-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-shrink: 1;
  margin: 2rem 2rem 2rem 2rem;
  
}




.art {
width: auto;
height: 15rem;
margin: .5rem;
text-align: center;
vertical-align: middle;
border-radius: 17px;
color: #FFFFFF;
transition: all 0.3s cubic-bezier(0, 0, 0.42, 1);

box-shadow: 5px 5px 5px 0px #35322e;
}

.art:hover {
  transform: scale(2);
  box-shadow: none;
}




.space {
  margin-bottom: 30rem;
}

.space15 {
  margin-bottom: 15rem;
}


.art-grid hr {
  margin-bottom: 5rem;

}

.dividertext {
  font-size: 1rem;
  color: #ccc5b9;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .2rem;
  display: flex;
  justify-content: center;
  margin-top: 6rem;
  margin-bottom: 0.5rem;
}