.main-content {
    margin-top: 71px;
    max-width: 100vw;
    width: 100vw;
    min-height: calc(100vh - 71px);
    height: calc(100vh - 71px);
    overflow: auto;
}

.beliefs-list {
  width: 100%;
  list-style: none;
  background-color: #f0f2ff;
  border-radius: 15px;
  padding: 30px 5px 30px 30px;
}

.beliefs-list li {
  margin: 5px 30px 10px 0;
  padding: 20px;
  border-radius: 10px;
  transition: all 200ms ease 170ms;
}

.beliefs-list li:hover,
.beliefs-list li:focus {
  background-color: #3f51b5;
  color: white;
}

.beliefs-list li a {
  color: #0a47b1;
  text-decoration: none;
  transition: color 200ms ease 170ms;
}

.beliefs-list li:hover a,
.beliefs-list li:focus a {
  color: #b3e5fc;
}


@media (min-width: 768px) {
  .beliefs-list {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .beliefs-list {
    width: 50%;
  }
}