/* OVERALL */
body {
  overflow-x: hidden !important; }

em {
  font-family: Courier, 'Courier New', monospace;
  font-style: oblique; }

*, *:before, *:after {
  box-sizing: border-box; }

/* FOOTER */
#footer {
  font-family: Courier, 'Courier New', monospace;
  font-size: 80%;
  line-height: 1.3;
  margin-top: 10em; }

#footer.bottom {
  padding: 15px;
  position: fixed;
  bottom: 0;
  left: 0; }

#footer a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #000; }

#footer a:hover {
  border-bottom: 1px solid #000; }

.under-construction {
  max-width: 50em; }

.under-construction img {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -14px;
  width: 135px; }

.under-construction img.white {
  display: none; }

.clearer {
  clear: both; }

.home #footer {
  color: #000; }

.home .under-construction img.black {
  display: block; }

.home .under-construction img.white {
  display: none; }

#footer a.button {
  display: none;
  color: #000;
  text-decoration: none;
  border: 1px dotted #000;
  padding: 11px; }

#footer a.button:hover {
  border-style: solid; }

a.scroll {
  color: #fff;
  border-bottom: none !important; }

@media (max-width: 820px) {
  #footer {
    margin-top: 4em; }

  .home .under-construction img.white {
    display: none; }

  .home #footer {
    color: #000 !important; }
    .home #footer a {
      color: #000 !important;
      border-bottom-color: #000 !important; } }
@media (max-width: 525px) {
  #footer .text {
    border-top: 1px dotted #000;
    padding-top: 1em; }

  .home .under-construction img.black {
    display: block; } }