body {
   margin: 0;
   font-family: "Lora", serif;
}

* {
  box-sizing: border-box;
}

.container {
  display: grid;
  height: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 100px 100px 100px 100px;
  justify-content: center;
  border-bottom: 4px solid black;
}

.hero {
  grid-area: 1 / 1 / 5 / 5;
  background-image: url("http://www.frostsforhire.com/Images/ffh2.jpg");
  background-size: 100% 100%;
}

.hero-two {
  border-radius: 25px;
  grid-column: 2 / 4;
  grid-row: 2 / 4;
  z-index: 1;
  background-color: #1490deCC;
  padding: 5px;
  color: #E2EBEF;
  text-align: center;
  box-shadow: 5px 5px darkslategray;
}

.hero-two a {
  color: #E1E5E7;
}

.hero-two a:hover {
  background-color: #E1E5E7;
  color: #323ca8;
  border-radius: 5px;
}

.hero-two a:visted {
  color: #dae3e8;
  text-decoration: none;
}

.container-too {
  display: grid;
  grid-template-columns: 1fr 1fr 3fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 35px;
}

.container-too {
  display: grid;
  grid-template-columns: 1fr 1fr 3fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 35px;
}

.main {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  background-color: #a7c2a7;
  padding: 10px;
  color: #023617;
}

.aside {
  grid-coloumn: 5 / 6;
  grid-row: 1 / 5;
  padding: 10px;
  background-color: #a7c2a7;
  color: #023617;
}

.contact {
  grid-column: 1 / 3;
  grid-row: 1 / 5;
  padding: 10px;
  color: #023617;
  background-color: #a7c2a7;
}

.footer {
  grid-column: 1 / 6;
  padding-right: 10px;
  background-color: #023617;
  text-align: center;
  color: #E2EBEF;
}