/*for creating sections and organizing them properly*/
.section{
  padding: 0px;
  display:inline-flex;
  flex-wrap: nowrap;
}
.section-main{
  border: 5px groove #D0CCC2;
  text-align: left;
  width: 58%;
  font-size: 20px;
}
.section-side{
  border: 5px groove #D0CCC2;
  width:17%;
  text-align: left;
}
.sub-section{
  border: 5px groove #D0CCC2;
  text-align: left;
  font-size: 20px;
  padding: 5px;
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
}

/*misc*/
.introduction
{
  width:60%;
}
@media (max-width:1420px) {
  .introduction{
    width:100%;
  }
}