@charset "utf-8";

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ COURSE-BOX */
h1 {
  font-size: 1.6em;
}

.course-box {
  width: 100%;
}

.course-items-text {
  padding: 0 1em;
}

.course-items-img {
  max-width: 80%;
  margin: 1em auto 0;
}

.course-items-img img {
  border-radius: 5px;
  box-shadow: 0 0 12px 6px #eee;
}

@media (min-width: 768px) {
  .course-box {
    z-index: 0;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 20em;
    border: 2px solid hsl(var(--color-primary));
    border-radius: 1em;
  }

  .course-items-text {
    z-index: 2;
    display: flex;
    align-items: center;
    width: 65%;
    padding: 1em;
    margin-right: 15px;
    border-radius: 1em;
  }

  .course-items-text p {
    line-height: 2;
  }

  .course-items-img {
    flex: 1;
    height: 100%;
    margin: 0 1em 0 0;
  }
}