@import url(common.css);

main section h2 {
  color: #f15283;
  font-size: 50px;
  padding-bottom: 14px;
}
@media screen and (max-width: 991px) {
  main section h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  main section h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  main section h2 img {
    width: 75px;
  }
}
@media screen and (max-width: 575px) {
  main section h2 img {
    width: 50px;
  }
}

.robots {
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  background-color: #ffffe1;
  border-radius: 65px;
  padding: 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
  color: #43c6ec;
}

@media screen and (max-width: 1139px) {
  .robots img {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 850px) {
  .robots {
    display: block;
  }
  .robots p {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .robots {
    padding: 50px 20px;
  }
  .robots img {
    max-width: 200px;
  }
}

/*
.lawyer {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/lawyer_1.png);
}
.lawyer:hover {
  background: url(../img/lawyer_2.png);
}

.fish {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/fishmonger_1.png);
}
.fish:hover {
  background: url(../img/fishmonger_2.png);
}

.dental {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/dental_assistant_1.png);
}
.dental:hover {
  background: url(../img/dental_assistant_2.png);
}

.rice {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/rice_merchant_1.png);
}
.rice:hover {
  background: url(../img/rice_merchant_2.png);
}

.tax {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/tax_accountant_1.png);
}
.tax:hover {
  background: url(../img/tax_accountant_2.png);
}

.toy {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/toy_store_owner_1.png);
}
.toy:hover {
  background: url(../img/toy_store_owner_2.png);
}

.idol {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/idol_1.png);
}
.idol:hover {
  background: url(../img/idol_2.png);
}

.police {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/police_officer_1.png);
}
.police:hover {
  background: url(../img/police_officer_2.png);
}

.professor {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/professor_1.png);
}
.professor:hover {
  background: url(../img/professor_2.png);
}

.nurse {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/nurse_1.png);
}
.nurse:hover {
  background: url(../img/nurse_2.png);
}

.caregiver {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/caregiver_1.png);
}
.caregiver:hover {
  background: url(../img/caregiver_2.png);
}

.funeral {
  flex-basis: 300px;
  height: 300px;
  background: url(../img/funeral_director_1.png);
}
.funeral:hover {
  background: url(../img/funeral_director_2.png);
} */