/* 64em is also 1028px when basefont is 16px */
@media only screen and (min-width: 64rem) {
  main, footer {
      max-width: 64rem;
      margin:auto;
  }
  
  header button {
    display: none;
  }
  
  /* 
/*------------- Header   -------------*/

  
  
  /* NAV CSS */
  

  /*-------- Form Styling -----------*/

form label.sbs {
  padding: .4rem 0;
}

/*------------- Footer -------------*/

section.bottom {
  width: 90%;
  margin: 2rem 0 2rem 5rem;
  grid-template-columns: auto auto auto;
}

.address h2 {
  margin-left: -1rem;
}

.contact p {
  margin-top: 4rem;
}

.contact img {
  margin-right: 7rem;
}


/*------------- Home Page -------------*/
.homeSection {
  grid-template-columns: repeat(3, 1fr);
}

.weather {
  column-count: 3;
}

.weather-summary {
  width: 33%;
}


/*------------- Directory -------------*/
.cards {
  grid-template-columns: repeat(3, 1fr);
}



/*------------- ebbyVille -------------*/
.ebbySection {
  grid-template-columns: repeat(3, 1fr);
}


/*------------- Contact US -------------*/
.contactSection {
 
  grid-template-columns: repeat(2, 1fr);
}



.contactMap {
  display: block;
  width: 80%;
  text-align: center;
  border: 2px solid black;
  border-radius: 10px;
  margin: 1rem auto;
  background-color: #FFCAAF;
}

}