h1  {
  font-family: sans-serif; 
  font-size: 40px
}
h3{
  color: #1D252A;
  font-size: 1.5em;
}
hr{
  border: none;
  height: 2px;
  background-color: #1D252A;
  margin: 20px 0;
}
body {
  background-image: url(Resources/sand-backdrop.png);
  background-attachment: fixed;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size:18px;
  font-weight: bold;
  color: #1D252A;
  margin: 0 auto;
  padding: 20px;
  min-height: 100vh;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.header{
  background-color: whitesmoke;
  color: #db4c0aff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
  margin-top: -20px;
  padding-top: 10px;
  margin-bottom: -10px;
  padding-bottom: 1px;
  margin-left: -20px;
  padding-left: 10px;
  margin-right: -20px;
  padding-right: 10px;
}
.logo img{
  width: auto;
  height: 60px; 
  display: block;
  margin: 10px;
}
.demo{
  text-align: center;
  margin: -10px;
  padding: 20px;
  padding-top: 20px;;
  font-size: 25px;
}
.contactSlogan{
  text-align: center;
  margin: -10px;
  padding: 20px;
  padding-top: 20px;;
  font-size: 25px;
}
.thumbnail img{
  max-width: 70%;
  min-width: 350px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 70px;
  border-radius: 1em;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.footer{
  background-color: #1D252A;
  color: #db4c0aff;
  text-align: center;
  margin-top: -10px;
  padding-top: 10px;
  margin-bottom: -10px;
  padding-bottom: 10px;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-left: 20px;
}
.container{
  background-color:#a0d1f2ff;
  color: #1D252A;
  border: 7px solid #a0d1f2ff;
  border-radius: 15px;
  border-style: groove;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  justify-content: center;
  align-content: center;
  display: grid;
  grid-template-columns:  400px;
  grid-auto-rows: 0.5fr 0.25fr;
  grid-template-areas: 
    "item1_headshot item2_text"
    "item3_software item3_software";
  margin-top: -10px;
  padding-top: 10px;
  margin-bottom: -10px;
  padding-bottom: 10px;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px;
}

.item{
  padding: 1em;
  justify-items: center;
  align-items: center;
}
.item1_headshot img{
  max-width: 80%;
  min-width: 300px;
  border-radius: 10px;
  height: auto;
  display: block;
  object-fit: cover;
}
.item2_text{
  text-align: left;
  font-size: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
}
.item3_software img{
  width: 80vw;
  max-width: 800px;
  min-width: 370px;
}
.copyright{
  font-size: 12px;
  font-weight:lighter
}
a:link {
  color: #db4c0aff;
  text-decoration: none;
}
a:visited{
  color: #db4c0aff;
}
a:hover{
  background-color: #1a0a04;
  color: #db4c0aff;
  border-radius: 7px;
  padding: 5px;
}
a:hover img {
  background-color: none;
  color: none;
  border: none;
  border-radius: none;
  padding: none;
  box-shadow: none;
}



.licensingContainer{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 100%;
  /* text-align: center; */
  padding: 2em;

}
.textChunk{
  overflow: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 40vw;
  max-height: 85vh;
  /* justify-content: center; */
  /* text-align: center; */
  background-color:#FAE898;
  color: #1D252A;
  border: 3px groove #FAE898;
  border-radius: 15px;
  /* border-style: solid; */
  box-shadow: 0 5px 8px rgba(0,0,0,0.2);
  margin: 1em; 
}
.licenseHeader{
  text-align: center;
  /* font-size: 4em; */
  min-height: 60px;
  /* text-decoration: underline; */
  padding-top: 10px;
}
.licenseBody{
  text-align: left;
  font-size: 0.8em;
  margin: 7px;
  /* padding : 10px; */

}

@media(max-width: 45em){
  .container{
    grid-template-columns: 100vw;
    grid-auto-rows: auto auto auto;
    grid-template-areas: 
      "item1_headshot"
      "item2_text"
      "item3_software"; 
  }
  .header{
    font-size: 0.5em;
  } 
  .licensingContainer{
    grid-template-columns: 100vw;
    /* grid-auto-rows: auto; */
    grid-template-areas: 
    "implementations"
    "buyout"
    "exclusive"
    "nonExclusive";
  }
}