@media only screen and (max-width: 1200px) {
  .container {
    max-width: 90%; }
  .counter__numbers {
    max-width: 100%; }
  .help__boat {
    width: 25vw;
    position: absolute;
    top: -52px;
    left: -40px; }
  .help__content {
    padding-left: 25vw; } }

@media only screen and (max-width: 990px) {
  .hero__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px; }
    .hero__text img {
      max-width: 80%; }
    .hero__text .content {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .hero__text .content .title,
      .hero__text .content .text,
      .hero__text .content .btn {
        text-align: center; }
  .help__boat {
    top: -22px; }
  .counter__numbers {
    display: flex; }
  .counter__numbers {
    display: flex;
    flex-direction: column; }
  .counter__numbers {
    grid-gap: 40px; }
  .counter__numbers .objetive {
    width: 100%;
    text-align: center; }
  .counter__numbers span {
    display: inline-block; }
  .counter__numbers .objetive br {
    display: none; }
  .counter__title {
    font-size: 32px; }
    .counter__title:before, .counter__title:after {
      width: 60px;
      height: 60px; }
    .counter__title:before {
      right: 0; }
    .counter__title:after {
      left: 0; }
  .footer .container {
    flex-direction: column; }
  .footer__logo {
    margin-bottom: 20px; }
  .footer__menu {
    display: flex;
    flex-direction: column;
    text-align: center; }
  .footer__menu a {
    margin-bottom: 10px; }
  .footer .socials {
    margin-top: 20px; }
  .projects__item .content {
    padding: 40px; } }

@media only screen and (max-width: 768px) {
  .help__title .title {
    padding: 23px 40px;
    font-size: 3.5vw; }
  .counter__numbers .counter {
    width: 85%; }
  .info .container {
    display: flex;
    flex-direction: column; }
  .info img {
    max-width: 25vw; } }

@media only screen and (max-width: 620px) {
  .help__boat {
    width: 20vw;
    top: -4px;
    left: -20px; }
  .help__content {
    padding-left: 25vw; }
  .help__title .title {
    padding: 17px 30px;
    font-size: 22px; }
  .help__content {
    padding-left: 20vw; }
  .projects__item .content {
    flex: 0 1 40%;
    padding: 30px; }
  .accordion__item .accordion__title .accordion__arrow {
    flex: 0 1 15%; }
  .projects__item .image {
    flex: 0 1 45%; }
  .logos__subtitle {
    font-size: 5vw;
    line-height: 5.5vw; }
  .logos__images .total img {
    width: 20vw; }
  .logos__images .red img {
    width: 28vw; }
  .header__logos .total {
    padding-right: 30px; }
  .header__logos .red {
    padding-left: 0; }
  .counter__title {
    padding: 0 60px; }
  .header__logos .total img {
    width: 16vw; }
  .header__logos .red img {
    width: 22vw; }
  .socials .rrss li {
    padding-left: 5px; }
  .socials .rrss li img {
    width: 24px; }
  .hero .container:last-child {
    padding: 0; }
  .hero .video__overlay .ico_btn_play {
    width: 60px;
    height: 60px; }
  .info .container {
    padding: 30px 0; }
  .accordion__item .accordion__title .accordion__arrow:before {
    width: 24px;
    height: 24px; }
  .projects__item .content .title {
    font-size: 5vw;
    line-height: 5.5vw; }
  .counter__numbers .objetive,
  .counter__numbers .objetive .number {
    font-size: 8vw;
    line-height: 8.5vw; }
  .projects__item .content {
    padding: 20px; }
  .projects__item .content {
    padding: 30px; } }

@media only screen and (max-width: 590px) {
  .counter__numbers .counter .number {
    font-size: 15vw; }
  .counter__numbers .counter {
    min-height: 32vw; } }

@media only screen and (max-width: 480px) {
  .help__title .title {
    font-size: 4vw; }
  .counter__numbers .counter {
    width: 75%;
    padding: 5px;
    border-radius: 20px; }
  .counter__numbers .counter .number {
    margin: 3px; }
  .counter__title {
    font-size: 6vw;
    line-height: 6.5vw; } }
