@media (max-width: 440px) {
  html {
    font-size: 13px;
  }
  .header {
    padding: 20px;
    background-position: -65% center;
  }
  .logo {
    height: 100px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 60px;
  }
  .block-title {
    font-size: 28px;
  }
  .list-title {
    font-size: 26px;
  }
  .lesson-card .rounded-circle {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
  }
  .icon-link {
    display: block;
    height: 48px;
    width: 48px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-img {
    height: auto;
    width: 100%;
  }
  .btn-orange.position-fixed {
    right:20px;
    bottom: 20px;
    opacity: 0;
    transition: all 0.25s ease-in-out;
  }
}
@media (min-width: 440.99px) {
  .fs-50 {
    font-size: 50px;
    line-height: 54px;
  }
}