html {background-color:FFFCF0;
  font-family: Nunito;
  font-size: 20px;
  }

body {
width:100%;
margin:auto;}

  .big {font-size:1.2em;
    font-weight: bold;}

    .bighead {font-size:1.2em;
    font-weight: bold;
    margin:auto;
    text-align: center;}

.tile {font size:1.5em;}

.container {
  width:90%;
margin:auto;
  display: grid;
      grid-template-columns: auto auto;
   
    align-content: center;
    text-align: center;

}

.contact {
color:#3d5127;}

.contact:hover {color:#568b60;}


.container2 {
  width:80%;
  margin:auto;
  display: grid;
      grid-template-columns: auto auto auto auto;
   
    align-content: center;
    text-align: center;

}

.container3 {
  width:60%;
margin:auto;
  display: grid;
      grid-template-columns: auto;
   border: 1px solid black;
    align-content: center;
    text-align: center;

}

.container3 div {
  border: 1px solid black;
  text-align: center;
}
.tippytop {
  background-color:#FFF9E0; 
border-bottom: 2px solid black;
padding: 25px 0px 25px 0px;}

.welcome {width:60%;
text-align: center;
margin:auto;
border:1px;
background-color: floralwhite;}

.box1 {
  border-radius: 25px;
  width:100%;
margin:auto;
margin-top: auto;
text-align:center;
vertical-align: top;}

.box2 {
  width:90%;
margin:auto;
text-align:center;
background-color:floralwhite;
border: 2px dashed black;
align-self: center;
word-wrap:break-word;}

.mobilefoot {width:75%;
margin:auto;
background-color: whitesmoke;
border: 1px solid black;
text-align: center;
word-wrap: break-word;}

a {color:black;
  text-decoration: none;
}

a:hover {text-decoration-line: underline;}

.box3 {
align-self: center;
}



.box4 {
  width:45%;
margin:auto;
text-align:center;
background-color:floralwhite;
border: 2px dashed black;
align-self: center;
word-wrap:break-word;}

.resources {text-decoration-line: underline;}

footer {width:25%;
margin:auto;
background-color: whitesmoke;
border: 1px solid black;
text-align: center;
word-wrap: break-word;}