/*to run in console => sass --watch medications-section.scss ../Styles/medications-section.css*/
.medications-catheter-section {
  background-color: #e7e7e780;
  color: #323e48ff;
  display: flex;
  line-height: normal;
  padding-bottom: 5rem;
}
.medications-catheter-section .highlight--underlined {
  text-decoration: underline !important;
}
.medications-catheter-section .highlight--non-underlined {
  text-decoration: none !important;
}
.medications-catheter-section .highlight--non-underlined:hover {
  cursor: unset !important;
}
.medications-catheter-section .text-sub-section {
  color: #323e48ff;
  font-size: 29px;
  margin: auto;
  padding: 6rem 9rem;
}
.medications-catheter-section .text-sub-section .highlight-grey {
  color: #323e48ff;
  font-size: 45px;
  font-weight: bold;
  text-decoration: underline;
}
.medications-catheter-section .text-sub-section .highlight-grey:hover {
  cursor: pointer;
}
.medications-catheter-section .text-sub-section .highlight-orange {
  color: #f28b00ff;
  font-size: 45px;
  font-weight: bold;
  line-height: normal;
}
.medications-catheter-section .text-sub-section span.highlight-orange.highlight--non-underlined::before {
  white-space: unset;
}
.medications-catheter-section .text-sub-section span::before {
  content: "\a";
  white-space: pre;
}
.medications-catheter-section .image-sub-section img {
  border: 12px solid grey;
  border-right: 0;
  border-radius: 0 0 0 12rem;
  max-width: 700px;
  min-width: 330px;
  width: 45vw;
}
@media (max-width: 600px) {
  .medications-catheter-section {
    flex-flow: wrap-reverse;
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  .medications-catheter-section .text-sub-section {
    font-size: 20px;
  }
  .medications-catheter-section .text-sub-section .highlight-grey,
.medications-catheter-section .text-sub-section .highlight-orange {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .medications-catheter-section .text-sub-section {
    padding: 3rem;
  }
}

/*# sourceMappingURL=medications-section.css.map */