/* SIDEBAR */
/* Add this media query to hide the sidebar below a certain screen size */
@media screen and (max-width: 75em) {
  .side {
    display: none;
  }
}
/* Sidebar/left column */
.side {   
  -ms-flex: 30%; /* IE10 */
  flex: 30%;
  padding: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  float: right; /* Add this line to position the sidebar on the right */
  /* Subtract the scrollbar width from the width */
  width: calc(30% - 1.25em); /* Adjust the value as needed */
}
/* BOX SIDE TOP */
.boxsidetop {
  border-radius: 1.5625em 1.5625em 0em 0em;
  background-color: #f6cace;  /* BOX COLOUR */
  width: 90%;
  padding: 1.25em;
    margin: 3.5% auto 0% auto; /* top, right, bottom, left  */
}
/* BOX SIDE PAGE */
.boxside {
  border-radius: 0em 0em 1.5625em 1.5625em;
  background-color: #f6cace;  /* BOX COLOUR */
  width: 90%;
  padding: 1.25em;
  margin: 0 auto;
}
/* BOX LABEL */
.boxlabel {
  background-color: #f58ca1;  /* BOX LABEL */
  width: 92%;
  height: 0.3125em;
  padding: 1.25em;
  border-radius: 0.3125em 0.3125em 0.3125em 0.3125em;
  /* Center vertically and horizontally */
  display: flex;
  justify-content: center;
  align-items: center;
}