div#topNavigation {
  display: block;
  padding: 12px;
}

div#topNavigation
  img#CropifyLogo {
    width:180px;
    margin-left: 1.4%;
    margin-top: 8px;
}

div#topNavigation
  img#CropifyLogo:hover {
    opacity: 0.8;
}

div#topNavigation>
  div.rightContainer {
    float: right;
}

div#topNavigation>
  div.rightContainer a {
    text-decoration: none;
}

div#topNavigation>
  div.rightContainer img {
    border: 0px;
    margin: 10px;
}

div#topNavigation>
  div.rightContainer img:hover {
    opacity: 0.7;
}

div#footer {
  padding: 12px;
  display: grid;
  background-color: var(--dark-grey-text);
}

div#footer>
  div.column1 {
    grid-column: 1 / span 1;
}

div#footer>
  div.column2 {
    grid-column: 2 / span 1;
}

div#footer>
  div.column>
    h4 {
      color: white;
      text-shadow: 1px 1px 2px var(--text-shadow);
}

div#footer>
  div.column>
    a {
      color: rgb(243, 243, 243);
      display: block;
      margin-bottom: 4px;
}

div#footer>
  div.column>
    a:hover {
      opacity: 0.8;
}

div#footer>
  div.column>
    p.footerSectionBreak {
      line-height: 0.5em;
}