:root {
  --primary-color: #ffffff;
  --secondary-color: #ffcc2a;
  --black-color: #222222;
  --primary-font: "Roboto", sans-serif;
  --secondary-font: "Open Sans", sans-serif;
  --tarnary-font: "Montserrat", sans-serif;
}

.footerSection {
  width: 100%;
  height: auto;
  padding: 20px 1rem 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #071528;
  font-family: var(--primary-font);
  font-size: 20px;
  text-align: center;
  color: var(--primary-color);
}
@media screen and (max-width: 768px) {
  .footerSection {
    font-size: 18px;
  }
}
@media screen and (max-width: 450px) {
  .footerSection {
    font-size: 16px;
  }
}