.logo {
  width: 100%;
  text-align: center;
  margin-top: 2.5%;
  margin-bottom: 2.5%;
  background-color: #f0f4f4;
  padding: 8px; }
  .logo img {
    width: 200px; }

.animated-element {
  text-align: center; }
  .animated-element img {
    height: auto;
    max-width: 350px; }

.green-title {
  font-size: 31px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #73c25f;
  margin: auto;
  padding: -0.5%; }

.under-title {
  font-size: 20px;
  color: #1f2a6a;
  text-align: center;
  font-weight: bold; }

.green-back {
  background-position: center;
  height: 98%;
  text-align: center;
  background-image: none;
  background-color: #74c260; }
  @media screen and (max-width: 578px) {
    .green-back {
      background: url("../images_us_alfamino/green-img-resized-noplants.png");
      background-position: center;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover; } }

.pack-image {
  width: 100%;
  height: auto;
  text-align: center; }
  @media screen and (max-width: 578px) {
    .pack-image img {
      margin-top: -2em; } }

.img-block {
  background: url("../images_us_alfamino/man-in-forest-img.jpg");
  width: 100%;
  height: 280px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: none; }
  @media screen and (max-width: 578px) {
    .img-block {
      display: block; } }
  .img-block .light-txt {
    width: 65%; }

.number-txt {
  font-size: 96px;
  color: #ffffff;
  font-weight: bold;
  text-align: center; }

.white-text {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  margin-top: 0%;
  font-family: Lato, sans-serif; }
  .white-text h1 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 0%;
    font-family: Lato, sans-serif;
    line-height: 30px; }

.first-line {
  font-size: 20px;
  color: #1f2a6a;
  font-weight: bold;
  background-color: #ffffff;
  text-align: center;
  padding: 0.5%;
  width: 100%;
  font-family: Lato, sans-serif; }

.hex-items {
  opacity: 1;
  -webkit-transition: all 1.7s;
  -o-transition: all 1.7s;
  transition: all 1.7s;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  margin-top: 15%;
  text-align: center; }

.elements-show {
  opacity: 1;
  -webkit-transition: all 1.7s;
  -o-transition: all 1.7s;
  transition: all 1.7s;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

.hex-img {
  width: 35%;
  height: auto;
  text-align: center;
  display: inline-block;
  margin-bottom: 1rem; }

.hex-title {
  font-size: 28px;
  font-family: Arial, sans-serif;
  color: #1f2a6a;
  font-weight: bold; }

.hex-txt {
  font-size: 18px;
  color: #1f2a6a;
  width: 85%;
  margin: auto; }

.top-txt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .top-txt .left-c {
    width: 49%;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #1f2a6a;
    font-weight: bold; }
  .top-txt .right-c {
    width: 49%;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #1f2a6a;
    font-weight: bold; }

.can-img {
  text-align: center; }

.bottom-txt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .bottom-txt .left-c {
    width: 49%;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #1f2a6a;
    font-weight: bold; }
  .bottom-txt .right-c {
    width: 49%;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #1f2a6a;
    font-weight: bold; }

.steps-block {
  background-color: #cfe3c2;
  text-align: center; }

.mini-title {
  width: 80%;
  margin: auto;
  font-size: 31px;
  color: #1f2a6a;
  font-family: Arial, sans-serif;
  font-weight: bold; }

.first-step {
  opacity: 1;
  -webkit-transition: all 1.7s;
  -o-transition: all 1.7s;
  transition: all 1.7s;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }
  .first-step .element-show {
    opacity: 1;
    -webkit-transition: all 1.7s;
    -o-transition: all 1.7s;
    transition: all 1.7s;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }

.def-txt {
  width: 80%;
  margin: auto;
  font-size: 16px;
  color: #1f2a6a;
  text-align: center; }

.plant-container {
  width: 100%;
  text-align: center; }

.left {
  left: 100px; }

.blue-title {
  margin: auto;
  font-size: 31px;
  color: #1f2a6a;
  font-family: Arial, sans-serif;
  font-weight: bold; }

.blue-def-txt {
  margin: auto;
  font-size: 16px;
  color: #1f2a6a;
  text-align: left; }

.hands-block {
  opacity: 1;
  -webkit-transition: all 1.7s;
  -o-transition: all 1.7s;
  transition: all 1.7s;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  width: 20%;
  height: 50%; }