.medication-guides-page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

/* INTRO CSS */

.medication-guides-page .intro {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 120px 0px 180px;
  max-width: 1440px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_Hero_Desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}

.medication-guides-page .intro-text-wrapper {
  width: 100%;
  max-width: 550px;
  padding: 0 60px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.medication-guides-page .medication-guides-tag {
  margin: 0 30px 30px;
}

@media only screen and (max-width: 1100px) {
  .medication-guides-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_Hero_Mobile.jpg);
    align-items: center;
    padding: 80px 0 60vw;
    background-position: bottom;
  }
  .medication-guides-page .intro-text-wrapper {
    align-items: center !important;
    padding: 0;
  }
  .medication-guides-page .intro-text {
    text-align: center !important;
  }
}

@media only screen and (max-width: 720px) {
  .medication-guides-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_Hero_Mobile.jpg);
    padding: 80px 0 80vw;
  }
}

.medication-guides-page .boxed-tag,
.medication-guides-page .boxed-tag-not-all-caps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-self: center;
  margin: 0 30px 30px;
}

.medication-guides-page .pro-icon {
  width: 37px;
  height: 20px;
  margin: 0 0 0 10px;
}

/* VIDEO SECTION CSS */

.medication-guides-page .video-section-container {
  width: 100%;
  max-width: 1440px;
  padding: 30px;
  margin-top: -80px;
  margin-bottom: -80px;
  z-index: 1;
}

@media only screen and (max-width: 1100px) {
  .medication-guides-page .video-section-container {
    padding: 0px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.medication-guides-page .video-section-wrapper {
  width: 100%;
  padding: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_VideoBackground.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 1100px) {
  .medication-guides-page .video-section-wrapper {
    padding: 0 0 20px;
  }
}

.medication-guides-page .video-section-header {
  width: 100%;
  max-width: 520px;
  padding: 0 30px 30px;
}

.medication-guides-page .video-section-copy {
  width: 100%;
  max-width: 520px;
  padding: 0 30px 60px;
}

.medication-guides-page .video-section-video {
  width: 100%;
  max-width: 900px;
  margin-top: -50px;
  margin-bottom: 60px;
  background-color: #F4F6FC;
}

@media only screen and (max-width: 900px) {
  .medication-guides-page .video-section-video {
    margin-top: 0px;
  }
}

/* NOTES CSS */

.medication-guides-page .notes-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 650px;
  max-width: 1440px;
  margin-top: -80px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_AdditionalNotes_Desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 1200px) {
  .medication-guides-page .notes-container {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 900px) {
  .medication-guides-page .notes-container {
    justify-content: center;
    padding: 80px 0 105vw;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_AdditionalNotes_Mobile.jpg);
    background-position: bottom;
  }
}

.medication-guides-page .notes-text-wrapper {
  width: 50%;
  max-width: 550px;
  padding: 40px 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 900px) {
  .medication-guides-page .notes-text-wrapper {
    width: 100%;
    max-width: 660px;
    padding: 0 0 40px;
  }
}

/* PRO BLOCK CSS */

.medication-guides-page .pro-block-container {
  width: 100%;
  max-width: 1440px;
  padding: 30px;
}

@media only screen and (max-width: 900px) {
  .medication-guides-page .pro-block-container {
    padding: 0px;
  }
}

.medication-guides-page .pro-block-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 650px;
  max-width: 1440px;
  margin-top: -80px;
  margin-bottom: -80px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_ProBlock_Desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

@media only screen and (max-width: 900px) {
  .medication-guides-page .pro-block-wrapper {
    justify-content: center;
    padding: 80px 0 70vw;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/medication-guides/MedicationGuides_ProBlock_Mobile.jpg);
    background-position: bottom;
  }
}

@media only screen and (max-width: 520px) {
  .medication-guides-page .pro-block-wrapper {
    padding: 80px 0 125vw;
  }
}

.medication-guides-page .pro-block-text-wrapper {
  width: 50%;
  max-width: 550px;
  padding: 0 0 0 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

@media only screen and (max-width: 900px) {
  .medication-guides-page .pro-block-text-wrapper {
    width: 100%;
    max-width: 660px;
    padding: 0 0 40px;
  }
}

/* PRINT SECTION CSS */

.medication-guides-page .print-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 120px 0 0;
  margin: 0 0 180px 0;
  max-width: 1440px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/pet-owner-guides/PetOwnerGuides_Desktop_Printer.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

@media only screen and (max-width: 1000px) {
  .medication-guides-page .print-container {
    background-position: bottom left;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/pet-owner-guides/PetOwnerGuides_Mobile_Printer.jpg);
    padding: 120px 0 60vw;
    margin: 0 0 45vw 0;
  }
}

.medication-guides-page .print-text-wrapper {
  width: 100%;
  max-width: 800px;
  padding: 0 0 60px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.medication-guides-page .print-image {
  width: 100%;
  max-width: 500px;
  margin-bottom: -260px;
  margin-top: 260px;
}

@media only screen and (max-width: 1000px) {
  .medication-guides-page .print-image {
    max-width: inherit;
    min-width: 100%;
    margin-bottom: -115vw;
    margin-top: 80vw;
  }
}

/* WELL INFORMED CSS */

.medication-guides-page .well-informed-container {
  width: 100%;
  max-width: 1460px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 100px 0px 0;
}

.medication-guides-page .well-informed-header {
  width: 100%;
  max-width: 700px;
}

.medication-guides-page .well-informed-copy {
  width: 100%;
  max-width: 600px;
  padding: 0 30px 60px;
}

.medication-guides-page .questions-icon {
  width: 78px;
  padding: 0 0 30px 0;
}

.medication-guides-page .time-icon {
  width: 91px;
  padding: 0 0 30px 0;
}

.medication-guides-page .templates-icon {
  width: 54px;
  padding: 0 0 30px 0;
}

/* WHITE BOX ICONS */

.medication-guides-page .pharmacists-icon {
  width: 54px;
  height: 76px;
  margin: 0 0 20px;
}

.medication-guides-page .printer-icon {
  width: 76px;
  height: 75px;
  margin: 0 0 20px;
}

.medication-guides-page .compare-icon {
  width: 110px;
  height: 75px;
  margin: 0 0 20px;
}