footer {
  background-color: $light-blue;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid darken($light-blue, 15%);
  text-align: center;
  height: 120px;

  p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: $mid-font;
    color: #b0c9d8;

    a {
      color: #b0c9d8;
      text-decoration: none;
      font-weight: bold;

      &:hover {
        color: darken(#b0c9d8, 15%);
        text-decoration: underline;
      }
    }
  }
}

$footer-text-color: #b0c9d8;
$footer-background-color: $light-blue;

footer {

  background-color: $footer-background-color;
  padding: 20px 0;
  border-top: 1px solid darken($footer-background-color, 15%);
  text-align: center;
  min-heigth: 120px;

  p {
    font-size: $mid-font;
    color: $footer-text-color;

    a {
      color: $footer-text-color;
      text-decoration: none;
      font-weight: bold;

      &:active,
      &:focus,
      &:hover {
        color: darken($footer-text-color , 15%);
        text-decoration: underline;
      }

    }
  }
}

Refactor footer style - remove unused properties as we are using different content layout now - introduce variables for frequently repeated colors - compress declaration where applicable
Refactor footer style
- remove unused properties as we are using different content layout now
- introduce variables for frequently repeated colors
- compress declaration where applicable
