#footer {
  background: var(--black);
  color: var(--white);
  padding: 15px 20px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  font-size: 14px;
}


#footer .right-col {
  text-align: right;
}

#footer .left-col,
#footer .right-col {
  padding: 0;
}

.powered-by {
  color: var(--white);
  text-decoration: none;
}

.powered-by:hover {
  color: #bababa;
}

.powered-by img {
  margin-left: 10px;
  width: 70px;
  height: auto;
}

@media only screen and (max-width:  1023px) {
  #footer {
    position: relative;
  }

  #footer,
  #footer .right-col {
    text-align: center;
  }

  #footer .right-col {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #666;
  }

  #footer .right-col,
  #footer .left-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

}