body {
  min-width: 320px !important;
}

.body-info-box {
  min-width: 320px;
}

.inner-content {
  display: flex;
  gap: 48px;
}

.permalink {
  word-break: break-all;
}

.info-box {
  background-color: #dadeee;
  padding: 28px;
  align-self: flex-start;
  position: sticky;
  top: 20px;
}

.info-box a {
  color: #08248d;
  font-size: 18px;
  transition: color 0.2s ease-in-out;
  text-wrap: nowrap;
}

.info-box a:hover {
  color: #ed3f32;
}

.info-box hr {
  border: 2px solid #000000;
  outline: none;
  margin: 28px 0;
}

.info-box .info-box-desc p {
  color: #000000;
}

.info-box .info-box-desc a {
  background-color: #08248d;
  color: #ffffff;
  padding: 10px 20px;
  border: 3px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
  text-wrap: nowrap;
  display: inline-block;
  line-height: normal;
}

.info-box .info-box-desc a:hover {
  background-color: #ed3f32;
  color: #ffffff;
}

@media only screen and (max-width: 860px) {
  .inner-content {
    flex-direction: column;
    gap: 24px;
  }
}

@media only screen and (max-width: 560px) {
  #top h2 {
    display: none !important;
  }
}

@media only screen and (max-width: 425px) {
  .info-box .info-box-desc p {
    font-size: 15px !important;
  }
  .info-box .info-box-desc a {
    font-size: 12px;
    text-wrap: nowrap;
    padding: 10px 16px;
  }
  .info-box a {
    text-wrap: wrap;
  }
}