@media (max-width: 1300px) {
  .container {
    margin: 0px 25px 0px 25px !important;
  }

  .list-items .item a {
    font-size: 16px !important;
  }

  .list-items .item button {
    font-size: 16px !important;
  }

  .cards-wrapper .cards-container {
    height: 100vh !important;
  }

  .cards-wrapper .cards-container .cards .card {
    width: 350px !important;
  }

  .cards-wrapper .cards-container .cards .card .paragraph {
    font-size: 22px !important;
  }
}

@media (max-width: 1000px) {
  .container {
    margin: 0px 25px 0px 25px !important;
  }

  .menu .list .list-items .item::after {
    width: 5px !important;
    height: 5px !important;
    transform: translateY(10px) !important;
  }

  .list-items .item a {
    font-size: 16px !important;
  }

  .list-items .item button {
    font-size: 16px !important;
  }

  .cards-wrapper .cards-container {
    height: 150vh !important;
  }

  .cards-wrapper .cards-container .cards .card {
    margin: 10px 0px !important;
  }

  .socials-wrapper
    .social-ender
    .social-container
    .social-info
    .info
    .paragraph-title {
    font-size: 46px !important;
  }

  .footer-wrapper .footer-container .paragraph {
    font-size: 24px !important;
  }
}

@media (max-width: 800px) {
  .container {
    margin: 0px 15px 0px 15px !important;
  }

  .menu .menu-flex {
    flex-direction: column !important;
  }
  .menu .logo {
    justify-content: center !important;
    margin-bottom: 20px !important;
  }

  .welcome {
    margin-top: 40px !important;
  }

  .welcome .paragraph {
    margin-bottom: 40px !important;
  }

  .menu .list {
    justify-content: center !important;
  }

  .menu .list .list-items {
    flex-direction: column !important;
  }
  .menu .list .list-items .item {
    margin-bottom: 10px !important;
  }
  .menu .list .list-items .item::after {
    display: none !important;
  }

  .menu .list .list-items .item .btn {
    font-size: 16px !important;
  }

  .menu .list .list-items .item.register {
    margin-top: 10px !important;
  }

  .menu .logo .text .title-logo {
    font-size: 32px !important;
  }

  .welcome .title {
    font-size: 36px !important;
  }

  .welcome .title::after {
    width: 150px !important;
    margin-top: 50px !important;
    transform: translateX(-200px) !important;
  }
  .socials-wrapper .social-starter .socials {
    flex-direction: column !important;
  }

  .cards-wrapper .title {
    font-size: 36px !important;
  }

  .socials-wrapper .social-starter .starter .title {
    font-size: 36px !important;
  }

  .pg {
    width: 75% !important;
  }

  .socials-wrapper .social-ender .social-container .social-info {
    flex-direction: column !important;
  }

  .socials-wrapper .social-ender .social-container {
    align-items: center !important;
  }

  .socials-wrapper
    .social-ender
    .social-container
    .social-info
    .info:nth-child(even) {
    margin: 20px 0px !important;
  }

  .footer-wrapper .footer-container {
    flex-direction: column !important;
  }

  .footer-wrapper .footer-container img {
    width: 400px !important;
    height: 250px !important;
  }

  .footer-wrapper .footer-container .paragraph {
    margin-top: 20px !important;
    font-size: 20px !important;
  }

  .team-wrapper .title {
    font-size: 36px !important;
  }

  .about-wrapper .about-content .about-text .title {
    font-size: 36px !important;
  }

  .about-wrapper .about-content .about-text .paragraphs {
    width: 90% !important;
  }

  .about-wrapper .about-content .about-images {
    display: none !important;
  }
  .team-wrapper .cards-container .card .info .name {
    margin-bottom: 20px !important;
    font-size: 14px !important;
  }
  .team-wrapper .cards-container .card .info .item {
    font-size: 10px !important;
  }
}

@media (max-width: 500px) {
  .container {
    margin: 0px 15px 0px 15px !important;
  }

  .menu .menu-flex {
    flex-direction: column !important;
  }
  .menu .logo {
    justify-content: center !important;
    margin-bottom: 20px !important;
  }

  .menu .logo img {
    width: 50px !important;
  }

  .menu .logo .text .subtitle-logo {
    font-size: 10px !important;
    margin-top: 5px !important;
  }

  .welcome {
    margin-top: 40px !important;
  }

  .cards-wrapper .cards-container .cards .card {
    width: 275px !important;
  }

  .socials-wrapper .social-starter .socials .social {
    margin: 20px 0px !important;
  }

  .welcome .title {
    margin-bottom: 40px !important;
  }

  .welcome .paragraph {
    font-size: 18px !important;
    margin-bottom: 40px !important;
  }

  .cards-wrapper .cards-container {
    height: 175vh !important;
  }

  .menu .list {
    justify-content: center !important;
  }

  .menu .list .list-items {
    flex-direction: column !important;
  }
  .menu .list .list-items .item {
    margin-bottom: 10px !important;
  }
  .menu .list .list-items .item::after {
    display: none !important;
  }

  .menu .list .list-items .item .btn {
    font-size: 16px !important;
  }

  .menu .list .list-items .item.register {
    margin-top: 10px !important;
  }

  .menu .logo .text .title-logo {
    font-size: 20px !important;
  }

  .welcome .title {
    font-size: 36px !important;
  }

  .welcome .title::after {
    width: 150px !important;
    margin-top: 50px !important;
    transform: translateX(-200px) !important;
  }
  .socials-wrapper .social-starter .socials {
    flex-direction: column !important;
  }

  .cards-wrapper .title {
    font-size: 32px !important;
  }

  .socials-wrapper .social-starter .starter .title {
    font-size: 32px !important;
  }

  .pg {
    width: 75% !important;
  }

  .socials-wrapper .social-ender .social-container .social-info {
    flex-direction: column !important;
  }

  .socials-wrapper .social-ender .social-container {
    align-items: center !important;
  }

  .socials-wrapper
    .social-ender
    .social-container
    .social-info
    .info:nth-child(even) {
    margin: 20px 0px !important;
  }

  .footer-wrapper .footer-container {
    flex-direction: column !important;
  }

  .footer-wrapper .footer-container img {
    width: 200px !important;
    height: 150px !important;
  }

  .footer-wrapper .footer-container .paragraph {
    margin-top: 20px !important;
    font-size: 20px !important;
    width: 80% !important;
  }

  .team-wrapper .title {
    font-size: 36px !important;
  }

  .about-wrapper .about-content .about-text .title {
    font-size: 30px !important;
  }

  .about-wrapper .about-content .about-text .paragraphs {
    width: 90% !important;
  }

  .about-wrapper .about-content .about-text .paragraphs .paragraph {
    font-size: 16px !important;
  }

  .about-wrapper .about-content .about-images {
    display: none !important;
  }
  .team-wrapper .cards-container .card .info .name {
    margin-bottom: 10px !important;
    font-size: 14px !important;
  }
  .team-wrapper .cards-container .card .info .item {
    font-size: 10px !important;
  }

  .team-wrapper .cards-section .card .btn {
    font-size: 10px !important;
    padding: 5px 20px !important;
  }
}