@media(max-width: 660px) {
  .cobranding{
      padding: 1rem;
  }
  .cobranding img{
      width: 80px;
  }
  .administrate {
      text-align: center;
  }

  .logo img {
      width: 100px !important;
  }

  section#inicial .content {
      flex-direction: column !important;
  }

  .icon {
      width: 60px;
      height: 60px;
  }

  #etapas_canal .container {
      gap: 1rem;
  }

  #etapas_canal h2 {
      text-align: center;
      padding: 2rem 0 3rem 0;
  }

  #etapas_canal .container div {
      padding: 10px;
  }

  .icon-text-and-line:last-child {
      border: none;
  }

  .icon-text-and-line {
      border-bottom: 1px #eee solid;
      box-shadow: 0px 0px 1px 0px #eee;
  }

}

@media (max-width: 1200px) {
  .header {
    justify-content: space-around;
    text-align: center;
    gap: 24px;
  }
}

@media (max-width: 800px) {
  .header {
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    gap: 24px;
  }
  .contato p{
    text-align: center;
  }
  .contato {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
  }

  .contato span {
    font-size: 14px !important;
  }

  #etapas_canal .container {
    flex-wrap: wrap;
}

#etapas_canal .container div {
    flex-direction: row-reverse !important;
    gap: 0;
}

.icon {
    background-color: transparent;
    border: none;
}

.icon-text-and-line:nth-child(odd) h4 {
    /* background: #00c716; */
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 1rem;
}

.icon-text-and-line:nth-child(even) h4 {
    /* background: #00c716; */
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 1rem;
}

#etapas_canal .container div {
    gap: 10px;
}

  /* BANNER */

  .banner {
    height: 200px;
  }

  .banner-content h1 {
    font-size: 26px;
  }
}

@media(max-width: 915px) {
 
  .line1,
  .line2 {
      display: none !important;
  }

  .icon-text-and-line:nth-child(odd) .icon-and-text {
      flex-direction: column-reverse !important;
  }

  #etapas_canal .container div {
      gap: 10px;
  }

  .icon-and-text h4 {
      font-size: 1rem !important;
  }

  #etapas_canal .container div p {
      font-size: 0.9rem !important;
  }

}