@media (min-width: 48rem) {
  header {
    padding: 20px 24px 20px 24px; } }
@media (min-width: 64rem) {
  header {
    padding: 20px 120px 20px 120px; } }
header div .logo {
  color: #333333; }
header button hr {
  border-color: #333333; }

main {
  padding: 0 24px;
  padding-top: 129px;
  padding-bottom: 153px; }
  @media (min-width: 64rem) {
    main {
      padding: 0 120px;
      padding-top: 129px;
      padding-bottom: 153px; } }

@media (min-width: 48rem) {
  section#shared-experience div {
    display: flex;
    justify-content: space-between;
    align-items: center; } }
section#shared-experience div h2 {
  text-align: left; }
section#shared-experience div a.sh-expe {
  width: 205px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #005A00;
  color: #ffffff;
  margin-top: 13px; }
  @media (min-width: 48rem) {
    section#shared-experience div a.sh-expe {
      margin-top: 0; } }
section#shared-experience ul {
  padding-top: 58px;
  padding-bottom: 50px; }
  @media (min-width: 48rem) {
    section#shared-experience ul {
      padding-bottom: 130px; } }
  section#shared-experience ul li {
    text-align: left; }
    section#shared-experience ul li div {
      overflow: hidden; }
      section#shared-experience ul li div img {
        width: 100%; }
    section#shared-experience ul li h4 {
      font-size: 1.6rem;
      font-weight: 700;
      margin: 23px 0 6.3px 0; }
      @media (min-width: 48rem) {
        section#shared-experience ul li h4 {
          font-size: 2rem; } }
    section#shared-experience ul li p:first-of-type {
      color: #333333;
      margin-bottom: 7.25px; }
    section#shared-experience ul li p a {
      color: #333333;
      font-weight: 700; }
      section#shared-experience ul li p a:hover {
        color: #B51717; }
        section#shared-experience ul li p a:hover svg path {
          stroke: #B51717; }
      section#shared-experience ul li p a svg {
        width: 6px;
        height: 12px;
        margin-left: 7px; }
        section#shared-experience ul li p a svg path {
          stroke: #333333; }
section#shared-experience div.navigation {
  display: flex;
  justify-content: space-between; }
  @media (min-width: 48rem) {
    section#shared-experience div.navigation {
      width: 20.7rem;
      margin-left: auto; } }
  section#shared-experience div.navigation a {
    width: 7.94rem;
    height: 2.93rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B51717;
    color: #ffffff; }
    section#shared-experience div.navigation a.prev svg {
      transform: rotate(180deg);
      margin-right: 19px;
      margin-left: 0; }
    section#shared-experience div.navigation a svg {
      width: 6px;
      height: 12px;
      margin-left: 19px; }
      section#shared-experience div.navigation a svg path {
        stroke: #ffffff; }

/*# sourceMappingURL=sharedexperiences.css.map */