.text-only .container {
  display: flex;
}

.text-only .sidebar .sidebar-content-sticky {
  position: sticky;
  top: 30px;
}

.text-only .sidebar.sticky {
  width: 300px;
  position: relative;
}

.text-only .main-content {
  width: calc(100% - 350px);
  max-width: 700px;
  margin-left: 16%;
}

@media screen and (max-width:980px) {
  .text-only .container {
    display: flex;
    flex-direction: column;
  }

  .text-only .sidebar .sidebar-content-sticky {
    position: relative;
    top: 0px;
  }

  .text-only .sidebar.sticky {
    width: 100%;
    position: relative;
  }

  .text-only .main-content {
    width: 100%;
    max-width: 700px;
    margin-left: 0px;
  }

  main.text-only {
    padding-top: 100px;
  }
}