body {
  font-family: Sen;
}

.embedded-header {
  background-size: cover;
  background-position: bottom;
  height: 65vh;
  position: relative;
}

.embedded-header.device-driver {
  background-image: url(../img/embedded/device-drivers-header.png);
}

.embedded-header.firmware-development {
  background-image: url(../img/embedded/firmware-development-header.png);
}

.embedded-header.communication-protocol {
  background-image: url(../img/embedded/communication-protocol-header.png);
}

.embedded-header.board-bring-up {
  background-image: url(../img/embedded/board-bringup-header.png);
}

.embedded-header.os-customization {
  background-image: url(../img/embedded/os-customization-header.png);
}

.header-text {
  position: absolute;
  top: 60%;
  left: 7%;
  font-size: 42px;
  font-weight: bold;
  color: #fafafa;
}

.header-arrw {
  position: absolute;
  top: 150px;
  left: 5.5%;
  color: white;
  cursor: pointer;
}

.main-content {
  padding: 5% 6%;
}

.main-content__head {
  font-size: 28px;
  font-weight: bold;
  max-width: 1140px;
}

.content-card__head {
  font-size: 26px;
  font-weight: bold;
}

.content-card__body {
  font-size: 20px;
  color: #4f4f4f;
}

.main-content__body {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0;
  max-width: 1800px;
}

.content-card {
  width: 30%;
  padding: 3% 3%;
}

@media screen and (max-width: 1000px) {
  .main-content__body {
    flex-direction: column;
  }

  .content-card {
    width: 100%;
    padding: 20px 30px;
  }
}

.outro-section {
  height: 700px;
  position: relative;
  margin-top: -3%;
  margin-bottom: 7%;
}

.outro-image {
  position: absolute;
  right: 0;
  height: 100%;
  width: 70%;
  background-size: cover;
  background-position: center;
}

.outro-image.device-drivers {
  background-image: url(../img/embedded/device-drivers-outroimage.png);
}

.outro-image.firmware-development {
  background-image: url(../img/embedded/firmware-development-outroimage.png);
}

.outro-image.communication-protocol {
  background-image: url(../img/embedded/communication-protocol-outroimage.png);
}

.outro-image.board-bring-up {
  background-image: url(../img/embedded/board-bring-up-outroimage.png);
}

.outro-image.os-customization {
  background-image: url(../img/embedded/os-customization-outroimage.png);
}


.embedded-outro-text {
  position: absolute;
  width: 50%;
  background-color: #92d14f;
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(24px, 2.5vw, 40px);
  font-weight: bold;
  padding: 4.5%;
}