@media (max-width: 399px) {
  .hide-on-mobile {
    display: none;
  }
  .justify-center-mobile {
    justify-content: center;
  }
  .container-nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bars-menu {
    display: flex;
  }

  /* Btn Group Top */
  .btn-group-top {
    display: flex;
    flex-direction: column;
  }
  .btn-group-top a {
    margin-right: 0;
  }
  .btn-group-top div {
    display: flex;
    justify-content: center;
  }
  .btn-group-top div:nth-child(1) {
    margin-bottom: var(--gap-4);
  }

  /* Btn Group Bottom */
  .btn-group-bottom {
    display: flex;
    flex-direction: column;
  }
  .btn-group-bottom a {
    margin-right: 0;
  }
  .btn-group-bottom div {
    display: flex;
    justify-content: center;
  }
  .btn-group-bottom div:nth-child(1) {
    margin-bottom: var(--gap-4);
  }

  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 17px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 20px;
  }
  .fs-large, .fs-large * {
    font-size: 18px;
  }
  .fs-small, .fs-small * {
    font-size: 16px;
  }
  /* Display */
  .display-1 {
    font-size: 45px;
  }
  .display-2 {
    font-size: 35px;
  }
  .display-3 {
    font-size: 25px;
  }
  .display-4 {
    font-size: 28px;
  }

  /* Width */
  /* Container */
  .container, .container-sm {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Content */
  .content {
    flex-direction: column;
    align-items: center;
  }
  .content.reverse-mobile {
    flex-direction: column-reverse;
  }
  .content-text {
    justify-content: center;
    margin-bottom: var(--gap-5);
    max-width: 100%;
  }
  .content-text div {
    max-width: 625px;
  }
  .content-text h1, 
  .content-text h2, 
  .content-text h3, 
  .content-text h4, 
  .content-text p {
    text-align: center;
  }
  .content-img {
    justify-content: center;
  }
  .content-text-list h1, 
  .content-text-list h2, 
  .content-text-list h3, 
  .content-text-list p {
    text-align: left !important;
  }
  .content-roadmap .content-text h1, 
  .content-roadmap .content-text h2, 
  .content-roadmap .content-text h3, 
  .content-roadmap .content-text p {
    text-align: left !important;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-footer-cp {
    padding-left: 130px;
    padding-right: 130px;
  }
  /* Grid */
  .grid {
    flex-direction: column;
  }
  .grid-item {
    max-width: 100%;
    width: auto;
  }
  .grid-item-2 {
    max-width: 625px;
    width: auto;
    margin: 0;
  }
  .grid.logo, .grid.stats {
    flex-direction: row !important;
  }
  .grid.logo .grid-item, .grid.stats .grid-item {
    width: calc(50% - 50px);
  }
  .grid.stats .grid-item {
    margin-bottom: var(--gap-3);
  }
  .grid.logo .grid-item img {
    width: 140px;
  }
  .grid-schedule h3, .grid-schedule p {
    text-align: center;
  }
  .grid-schedule .grid-item {
    margin-bottom: var(--gap-4);
  }
  .grid-schedule .grid-item:nth-child(5) {
    margin-bottom: 0;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4  {
    width: 300px;
    height: 300px;
  }
  .ballon-img-3 {
    width: 180px;
    height: 220px;
  }
  .ballon-img-5 {
    width: 144px;
    height: 144px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 143px;
    height: 143px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 143px;
    height: 177px;
  }
  .ballon-icon {
    width: 54px;
    height: 54px;
  }
  .ballon-icon img {
    width: 23px;
  }
  .ballon-icon-2  {
    width: 69px;
    height: 69px;
  }
  .ballon-icon-3  {
    width: 105px;
    height: 105px;
  }
  .ballon-icon-4 {
    width: 48px;
    height: 48px;
  }

  .learn-phase {
    padding: 30px;
    border-top-left-radius: 36px;
  }

  /* Footer Nav */
  .container-footer, .container-footer-cp, .footer-right {
    flex-direction: column;
  }
  .container-footer, .container-footer-cp {
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-left, .footer-right, .footer-left-cp, .footer-right-cp {
    margin-right: 0;
    max-width: 100%;
    width: auto;
  }
  .footer-left, .footer-left-cp {
    margin-bottom: var(--gap-4);
  }
  .container-fluid-footer h1, .container-fluid-footer p {
    text-align: center;
  }
  .footer-nav {
    margin-bottom: var(--gap-4);
  }
  .container-fluid-footer {
    padding-bottom: 61px;
  }

  .btn-whatsapp { 
    width: 100%;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }

  .ballon-img-11 {
    height: 250px;
  }

  .content.all-texts .content-text:nth-child(odd) div {
    margin-right: var(--gap-0);
  }
  .content.all-texts .content-text:nth-child(even) div {
    margin-left: var(--gap-0);
  }

  .stack-icons img {
    max-height: 40px;
  }
}

@media (min-width: 400px) and (max-width: 544px) {
  .hide-on-mobile {
    display: none;
  }
  .justify-center-mobile {
    justify-content: center;
  }
  .container-nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bars-menu {
    display: flex;
  }

  /* Btn Group Top */
  .btn-group-top {
    display: flex;
    flex-direction: column;
  }
  .btn-group-top a {
    margin-right: 0;
  }
  .btn-group-top div {
    display: flex;
    justify-content: center;
  }
  .btn-group-top div:nth-child(1) {
    margin-bottom: var(--gap-4);
  }

  /* Btn Group Bottom */
  .btn-group-bottom {
    display: flex;
    flex-direction: column;
  }
  .btn-group-bottom a {
    margin-right: 0;
  }
  .btn-group-bottom div {
    display: flex;
    justify-content: center;
  }
  .btn-group-bottom div:nth-child(1) {
    margin-bottom: var(--gap-4);
  }

  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 17px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 20px;
  }
  .fs-large, .fs-large * {
    font-size: 18px;
  }
  .fs-small, .fs-small * {
    font-size: 16px;
  }
  /* Display */
  .display-1 {
    font-size: 45px;
  }
  .display-2 {
    font-size: 35px;
  }
  .display-3 {
    font-size: 25px;
  }
  .display-4 {
    font-size: 28px;
  }

  /* Width */
  /* Container */
  .container, .container-sm {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Content */
  .content {
    flex-direction: column;
    align-items: center;
  }
  .content.reverse-mobile {
    flex-direction: column-reverse;
  }
  .content-text {
    justify-content: center;
    margin-bottom: var(--gap-5);
    max-width: 100%;
  }
  .content-text div {
    max-width: 625px;
  }
  .content-text h1, 
  .content-text h2, 
  .content-text h3, 
  .content-text h4, 
  .content-text p {
    text-align: center;
  }
  .content-img {
    justify-content: center;
  }
  .content-text-list h1, 
  .content-text-list h2, 
  .content-text-list h3, 
  .content-text-list p {
    text-align: left !important;
  }
  .content-roadmap .content-text h1, 
  .content-roadmap .content-text h2, 
  .content-roadmap .content-text h3, 
  .content-roadmap .content-text p {
    text-align: left !important;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-footer-cp {
    padding-left: 130px;
    padding-right: 130px;
  }
  /* Grid */
  .grid {
    flex-direction: column;
  }
  .grid-item {
    max-width: 100%;
    width: auto;
  }
  .grid-item-2 {
    max-width: 625px;
    width: auto;
    margin: 0;
  }
  .grid.logo, .grid.stats {
    flex-direction: row !important;
  }
  .grid.logo .grid-item, .grid.stats .grid-item {
    width: calc(50% - 50px);
  }
  .grid.stats .grid-item {
    margin-bottom: var(--gap-3);
  }
  .grid.logo .grid-item img {
    width: 150px;
  }
  .grid-schedule h3, .grid-schedule p {
    text-align: center;
  }
  .grid-schedule .grid-item {
    margin-bottom: var(--gap-4);
  }
  .grid-schedule .grid-item:nth-child(5) {
    margin-bottom: 0;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4 {
    width: 350px;
    height: 350px;
  }
  .ballon-img-3 {
    width: 200px;
    height: 245px;
  }
  .ballon-img-5 {
    width: 144px;
    height: 144px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 168px;
    height: 168px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 168px;
    height: 208px;
  }
  .ballon-icon {
    width: 54px;
    height: 54px;
  }
  .ballon-icon img {
    width: 23px;
  }
  .ballon-icon-2  {
    width: 69px;
    height: 69px;
  }
  .ballon-icon-3  {
    width: 105px;
    height: 105px;
  }
  .ballon-icon-4 {
    width: 48px;
    height: 48px;
  }

  .learn-phase {
    padding: 30px;
    border-top-left-radius: 36px;
  }

  /* Footer Nav */
  .container-footer, .container-footer-cp, .footer-right {
    flex-direction: column;
  }
  .container-footer, .container-footer-cp {
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-left, .footer-right, .footer-left-cp, .footer-right-cp {
    margin-right: 0;
    max-width: 100%;
    width: auto;
  }
  .footer-left, .footer-left-cp {
    margin-bottom: var(--gap-4);
  }
  .container-fluid-footer h1, .container-fluid-footer p {
    text-align: center;
  }
  .footer-nav {
    margin-bottom: var(--gap-4);
  }
  .container-fluid-footer {
    padding-bottom: 61px;
  }

  .btn-whatsapp { 
    width: 100%;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }

  .ballon-img-11 {
    height: 250px;
  }

  .content.all-texts .content-text:nth-child(odd) div {
    margin-right: var(--gap-0);
  }
  .content.all-texts .content-text:nth-child(even) div {
    margin-left: var(--gap-0);
  }

  .stack-icons img {
    max-height: 40px;
  }
}

@media (min-width: 545px) and (max-width: 1149px) {
  .hide-on-mobile {
    display: none;
  }
  .justify-center-mobile {
    justify-content: center;
  }
  .container-nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bars-menu {
    display: flex;
  }

  /* Btn Group Top */
  .btn-group-top {
    display: flex;
    flex-direction: column;
  }
  .btn-group-top a {
    margin-right: 0;
  }
  .btn-group-top div {
    display: flex;
    justify-content: center;
  }
  .btn-group-top div:nth-child(1) {
    margin-bottom: var(--gap-4);
  }

  /* Btn Group Bottom */
  .btn-group-bottom {
    display: flex;
    flex-direction: column;
  }
  .btn-group-bottom a {
    margin-right: 0;
  }
  .btn-group-bottom div {
    display: flex;
    justify-content: center;
  }
  .btn-group-bottom div:nth-child(1) {
    margin-bottom: var(--gap-4);
  }

  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 17px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 20px;
  }
  .fs-large, .fs-large * {
    font-size: 18px;
  }
  .fs-small, .fs-small * {
    font-size: 16px;
  }
  /* Display */
  .display-1 {
    font-size: 45px;
  }
  .display-2 {
    font-size: 35px;
  }
  .display-3 {
    font-size: 25px;
  }
  .display-4 {
    font-size: 28px;
  }

  /* Width */
  /* Container */
  .container, .container-sm {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Content */
  .content {
    flex-direction: column;
    align-items: center;
  }
  .content.reverse-mobile {
    flex-direction: column-reverse;
  }
  .content-text {
    justify-content: center;
    margin-bottom: var(--gap-5);
    max-width: 100%;
  }
  .content-text div {
    max-width: 625px;
  }
  .content-text h1, 
  .content-text h2, 
  .content-text h3, 
  .content-text h4, 
  .content-text p {
    text-align: center;
  }
  .content-img {
    justify-content: center;
  }
  .content-text-list h1, 
  .content-text-list h2, 
  .content-text-list h3, 
  .content-text-list p {
    text-align: left !important;
  }
  .content-roadmap .content-text h1, 
  .content-roadmap .content-text h2, 
  .content-roadmap .content-text h3, 
  .content-roadmap .content-text p {
    text-align: left !important;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-footer-cp {
    padding-left: 130px;
    padding-right: 130px;
  }
  /* Grid */
  .grid {
    flex-direction: column;
  }
  .grid-item {
    max-width: 100%;
    width: auto;
  }
  .grid-item-2 {
    max-width: 625px;
    width: auto;
    margin: 0;
  }
  .grid.logo, .grid.stats {
    flex-direction: row !important;
  }
  .grid.logo .grid-item, .grid.stats .grid-item {
    width: calc(50% - 50px);
  }
  .grid.stats .grid-item {
    margin-bottom: var(--gap-3);
  }
  .grid.logo .grid-item img {
    width: 200px;
  }
  .grid-schedule h3, .grid-schedule p {
    text-align: center;
  }
  .grid-schedule .grid-item {
    margin-bottom: var(--gap-4);
  }
  .grid-schedule .grid-item:nth-child(5) {
    margin-bottom: 0;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4 {
    width: 500px;
    height: 500px;
  }
  .ballon-img-3 {
    width: 250px;
    height: 306px;
  }
  .ballon-img-5 {
    width: 144px;
    height: 144px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 242px;
    height: 242px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 242px;
    height: 300px;
  }
  .ballon-icon {
    width: 54px;
    height: 54px;
  }
  .ballon-icon img {
    width: 23px;
  }
  .ballon-icon-2  {
    width: 69px;
    height: 69px;
  }
  .ballon-icon-3  {
    width: 105px;
    height: 105px;
  }
  .ballon-icon-4 {
    width: 48px;
    height: 48px;
  }

  .learn-phase {
    padding: 30px;
    border-top-left-radius: 36px;
  }

  /* Footer Nav */
  .container-footer, .container-footer-cp, .footer-right {
    flex-direction: column;
  }
  .container-footer, .container-footer-cp {
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-left, .footer-right, .footer-left-cp, .footer-right-cp {
    margin-right: 0;
    max-width: 100%;
    width: auto;
  }
  .footer-left, .footer-left-cp {
    margin-bottom: var(--gap-4);
  }
  .container-fluid-footer h1, .container-fluid-footer p {
    text-align: center;
  }
  .footer-nav {
    margin-bottom: var(--gap-4);
  }
  .container-fluid-footer {
    padding-bottom: 61px;
  }

  .btn-whatsapp { 
    width: 100%;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }

  .content.all-texts .content-text:nth-child(odd) div {
    margin-right: var(--gap-0);
  }
  .content.all-texts .content-text:nth-child(even) div {
    margin-left: var(--gap-0);
  }

  .stack-icons img {
    max-height: 40px;
  }
}

@media (min-width: 1150px) and (max-width: 1249px) {
  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 15px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 19px;
  }
  .fs-large, .fs-large * {
    font-size: 17px;
  }
  .fs-small, .fs-small * {
    font-size: 14px;
  }
  /* Display */
  .display-1 {
    font-size: 45px;
  }
  .display-2 {
    font-size: 33px;
  }
  .display-3 {
    font-size: 21px;
  }
  .display-4 {
    font-size: 24px;
  }

  /* Width */
  /* Container */
  .container {
    max-width: 937px;
  }
  .content-text {
    max-width: 555px;
  }
  .content-img {
    max-width: 375px;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-footer-cp {
    padding-left: 130px;
    padding-right: 130px;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4 {
    width: 375px;
    height: 375px;
  }
  .ballon-img-3 {
    width: 250px;
    height: 306px;
  }
  .ballon-img-5 {
    width: 144px;
    height: 144px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 180px;
    height: 180px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 180px;
    height: 223px;
  }
  .ballon-icon {
    width: 54px;
    height: 54px;
  }
  .ballon-icon img {
    width: 23px;
  }
  .ballon-icon-2  {
    width: 69px;
    height: 69px;
  }
  .ballon-icon-3  {
    width: 105px;
    height: 105px;
  }
  .ballon-icon-4 {
    width: 36px;
    height: 36px;
  }

  /* Footer Nav */
  .footer-right {
    flex-wrap: wrap;
  }
  .footer-nav {
    width: 50%;
    margin-bottom: var(--gap-5);
  }

  .roadmap-line {
    left: 7px;
  }

  .sub-nav-items {
    width: 410px;
  }

  .hidden {
    display: none;
  }

  .grid.logo .grid-item img {
    width: 170px;
  }

  .nav-item-more {
    display: flex;
  }
  .nav-item-extra {
    display: none;
  }

  .stack-icons img {
    max-height: 30px;
  }
}

@media (min-width: 1250px) and (max-width: 1399px) {
  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 15px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 19px;
  }
  .fs-large, .fs-large * {
    font-size: 17px;
  }
  .fs-small, .fs-small * {
    font-size: 14px;
  }
  /* Display */
  .display-1 {
    font-size: 48px;
  }
  .display-2 {
    font-size: 36px;
  }
  .display-3 {
    font-size: 23px;
  }
  .display-4 {
    font-size: 27px;
  }

  /* Width */
  /* Container */
  .container {
    max-width: 1056px;
  }
  .content-text {
    max-width: 591px;
  }
  .content-img {
    max-width: 406px;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-footer-cp {
    padding-left: 130px;
    padding-right: 130px;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4 {
    width: 406px;
    height: 406px;
  }
  .ballon-img-3 {
    width: 270px;
    height: 330px;
  }
  .ballon-img-5 {
    width: 156px;
    height: 156px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 195px;
    height: 195px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 195px;
    height: 242px;
  }
  .ballon-icon {
    width: 58px;
    height: 58px;
  }
  .ballon-icon img {
    width: 24px;
  }
  .ballon-icon-2  {
    width: 75px;
    height: 75px;
  }
  .ballon-icon-3  {
    width: 113px;
    height: 113px;
  }
  .ballon-icon-4 {
    width: 39px;
    height: 39px;
  }

  .roadmap-line {
    left: 7.4px;
  }

  .sub-nav-items {
    width: 410px;
  }

  .grid.logo .grid-item img {
    width: 180px;
  }

  .stack-icons img {
    max-height: 35px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 15px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 19px;
  }
  .fs-large, .fs-large * {
    font-size: 17px;
  }
  .fs-small, .fs-small * {
    font-size: 14px;
  }
  /* Display */
  .display-1 {
    font-size: 52px;
  }
  .display-2 {
    font-size: 39px;
  }
  .display-3 {
    font-size: 23px;
  }
  .display-4 {
    font-size: 30px;
  }

  /* Width */
  /* Container */
  .container {
    max-width: 1137px;
  }
  .content-text {
    max-width: 627px;
  }
  .content-img {
    max-width: 437px;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 130px;
    padding-right: 130px;
  }
  .container-footer-cp {
    padding-left: 130px;
    padding-right: 130px;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4 {
    width: 437px;
    height: 437px;
  }
  .ballon-img-3 {
    width: 291px;
    height: 364px;
  }
  .ballon-img-5 {
    width: 168px;
    height: 168px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 210px;
    height: 210px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 210px;
    height: 260px;
  }
  .ballon-icon  {
    width: 63px;
    height: 63px;
  }
  .ballon-icon img {
    width: 25px;
  }
  .ballon-icon-2  {
    width: 81px;
    height: 81px;
  }
  .ballon-icon-3  {
    width: 122px;
    height: 122px;
  }
  .ballon-icon-4 {
    width: 42px;
    height: 42px;
  }

  .roadmap-line {
    left: 7.4px;
  }

  .sub-nav-items {
    width: 420px;
  }

  .grid.logo .grid-item img {
    width: 190px;
  }

  .stack-icons img {
    max-height: 40px;
  }
}

@media (min-width: 1600px) and (max-width: 1799px) {
  /* Font Size */
  p,
  span,
  div,
  li,
  a,
  td,
  .fs-medium, .fs-medium * {
    font-size: 16px;
  }
  .fs-extra-large, .fs-extra-large * {
    font-size: 20px;
  }
  .fs-large, .fs-large * {
    font-size: 18px;
  }
  .fs-small, .fs-small * {
    font-size: 15px;
  }
  /* Display */
  .display-1 {
    font-size: 56px;
  }
  .display-2 {
    font-size: 42px;
  }
  .display-3 {
    font-size: 25px;
  }
  .display-4 {
    font-size: 32px;
  }

  /* Width */
  /* Container */
  .container {
    max-width: 1218px;
  }
  .content-text {
    max-width: 663px;
  }
  .content-img {
    max-width: 468px;
  }
  /* Container Footer */
  .container-footer {
    padding-left: 160px;
    padding-right: 160px;
  }
  .container-footer-cp {
    padding-left: 160px;
    padding-right: 160px;
  }
  /* Ballon */
  .ballon-img, .ballon-img-2, .ballon-img-4 {
    width: 468px;
    height: 468px;
  }
  .ballon-img-3 {
    width: 320px;
    height: 400px;
  }
  .ballon-img-5 {
    width: 180px;
    height: 180px;
  }
  .ballon-img-7, .ballon-img-8 {
    width: 225px;
    height: 225px;
  }
  .ballon-img-6, .ballon-img-9 {
    width: 225px;
    height: 279px;
  }
  .ballon-icon  {
    width: 67px;
    height: 67px;
  }
  .ballon-icon img {
    width: 27px;
  }
  .ballon-icon-2  {
    width: 87px;
    height: 87px;
  }
  .ballon-icon-3  {
    width: 132px;
    height: 132px;
  }
  .ballon-icon-4 {
    width: 45px;
    height: 45px;
  }

  .roadmap-line {
    left: 8px;
  }

  .sub-nav-items {
    width: 450px;
  }

  .grid.logo .grid-item img {
    width: 200px;
  }

  .stack-icons img {
    max-height: 45px;
  }
}

@media (min-width: 1800px) {
  .grid.logo .grid-item img {
    width: 210px;
  }
}