section:not(.about-us-contact section) {
  width: auto;
  margin: auto;
  font-family: var(--font-body);
}

.main-img-wrapper {
  height: 200px;
  background-size: cover;
}

.australia .main-img-wrapper {
  background-image: url(media/healthcare-system-australia.webp);
  background-position: center 20%;
}

.canada .main-img-wrapper {
  background-image: url(media/healthcare-system-canada.webp);
  background-position: center center;
}

.europe .main-img-wrapper {
  background-image: url(media/healthcare-system-europe.webp);
  background-position: center center;
}

.ireland .main-img-wrapper {
  background-image: url(media/healthcare-system-ireland.webp);
  background-position: center 50%;
}

.new-zealand .main-img-wrapper {
  background-image: url(media/healthcare-system-new-zealand.webp);
  background-position: center 50%;
}

.singapore .main-img-wrapper {
  background-image: url(media/healthcare-system-singapore.webp);
  background-position: center 50%;
}

.uk .main-img-wrapper {
  background-image: url(media/healthcare-system-uk.webp);
  background-position: center 10%;
}

.usa .main-img-wrapper {
  background-image: url(media/healthcare-system-usa.webp);
  background-position: center 20%;
}

@media (min-width: 768px) and (max-width: 1024px){
  .main-img-wrapper {
    height: 300px;
    background-position: none;
  }
}

@media (min-width: 1025px) {
  .main-img-wrapper {
    height: 400px;
    background-position: none;
  }
}

#main-img-healthcare-system {
  height: 100%;
}

h1, h3:not(.about-us-contact h3) {
  color: var(--color-dark);
  text-align: center;
}

main * {
  color: var(--color-dark);
}

h1 {
  margin-top: 12px;
  font-size: 2rem;
  color: var(--color-dark);
  font-weight: 600;
  padding: 4px 8px;
}

@media (min-width: 1025px) {
  h1 {
    font-size: 2.5rem;
  }
}

h3:not(.about-us-contact h3) {
  margin-top: 10px;
  font-size: 1.1rem;
  color: var(--color-dark);
  font-weight: 500;
  padding: 4px 12px;
}

h3 a {
  color: var(--color-logo);
  text-decoration: underline;
}

aside li{
  color: #7c8286;
  margin-bottom: 20px;
}

aside li a {
  color: inherit;
  font-weight: 400;
  font-size: 0.9rem;
}

.left-aside,
.right-aside {
  display: none;
  margin: 100px auto;
}

@media (max-width: 768px) {
  .left-aside {
    display: flex;
    flex-direction: row;
    margin: 10px auto;
  }
  
  .left-aside li {
    display: inline;
    padding: 4px;
    margin-right: 8px;
    line-height: 2rem;
    white-space: nowrap;
    border-radius: 10px;
    text-decoration: underline;
  }
}


.main-content-wrapper {
  width: 85vw;
  display: grid;
  margin: 20px auto;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .main-content-wrapper {
    grid-template-columns: 25% 75%;
    margin: 30px auto;
  }

  .left-aside {
    display: block;
    height: 360px;
    position: sticky;
    top: 160px;
    z-index: 800;
  }

  .left-aside a {
    display: block;
    transition: color 0.3s ease;
  }

  .left-aside a:hover {
    color: var(--color-logo);
  }
}

@media (min-width: 1025px) {
  .main-content-wrapper {
    width: 90vw;
    max-width: 1200px;
    grid-template-columns: 20% 50% 30%;
    min-height: 100vh;
    margin: 50px auto;
    column-gap: 10px;
  }

  .left-aside,
  .right-aside {
    display: block;
    height: 400px;
    position: sticky;
    top: 160px;
    z-index: 800;
  }

  .right-aside {
    padding-left: 40px;
  }

  .left-aside a,
  .right-aside a {
    transition: color 0.3s ease;
  }

  .left-aside a:hover,
  .right-aside a:hover {
    color: var(--color-logo);
  }

  .nav-link.active {
    color: var(--color-logo);
  }
}

.main-content h5 {
  margin: 20px 0;
  font-size: 1.1rem;
  color: var(--color-logo);
  font-weight: 500;
}

.main-content p span {
  font-weight: 500;
  color: var(--color-dark);
}

.main-content p {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
}