@media (max-width: 9999em) {
  .hero-services-mobile {
    display: none;
  }
}

/* **************************** */
/* Below 2,048px (Smaller Desktops) */
/* **************************** */

@media (max-width: 128em) {
  .heading-primary {
    font-size: 5.4rem;
  }

  .wb-dsgn-grid {
    grid-template-columns: 1fr 80rem;
  }

  .wb-dsgn-prjct-dscr {
    font-size: 3rem;
  }

  .link {
    font-size: 3rem;
  }

  .wb-dsgn-img-box {
    background: none;
  }

  .gm-dv-app-grid {
    grid-template-columns: 50rem 50rem 50rem;
  }

  .gm-dv-app-name {
    font-size: 3.6rem;
  }
}

/* **************************** */
/* Below 1776px (Smaller Desktops) */
/* **************************** */

@media (max-width: 111em) {
  .wb-dsgn-grid {
    grid-template-columns: 1fr 70rem;
  }

  .wb-dsgn-prjct-dscr {
    font-size: 2.4rem;
  }

  .link {
    font-size: 3rem;
  }

  .wb-dsgn-img {
    height: 35rem;
  }

  .gm-dv-app-grid {
    grid-template-columns: 40rem 40rem 40rem;
  }

  .gm-dv-app-name {
    font-size: 3.6rem;
  }

  .gm-dv-app-img-box {
    height: 10rem;
  }

  .cntrbtn-list {
    font-size: 2rem;
  }
}

/* **************************** */
/* Below 1491px (Smaller Desktops) */
/* **************************** */

@media (max-width: 93em) {
  .wb-dsgn-grid {
    grid-template-columns: 1fr 50rem;
  }

  .wb-dsgn-prjt-name {
    font-size: 3.6rem;
  }

  .wb-dsgn-prjct-dscr {
    font-size: 2rem;
  }

  .link {
    font-size: 2rem;
  }

  .wb-dsgn-img {
    height: 30rem;
  }

  .gm-dv-app-grid {
    grid-template-columns: 40rem 40rem 40rem;
  }

  .gm-dv-app-name {
    font-size: 3.6rem;
  }

  .gm-dv-app-img-box {
    height: 10rem;
  }

  .cntrbtn-list {
    font-size: 2rem;
  }
}

/* **************************** */
/* Below 1376px (Smaller Desktops) */
/* **************************** */

@media (max-width: 87em) {
  .heading-primary {
    font-size: 4.4rem;
  }

  .heading-secondary {
    font-size: 5.2rem;
  }

  .wb-dsgn-grid {
    grid-template-columns: 1fr 40rem;
  }

  .wb-dsgn-prjt-name {
    font-size: 3.6rem;
  }

  .wb-dsgn-prjct-dscr {
    font-size: 1.8rem;
  }

  .link {
    font-size: 2rem;
  }

  .wb-dsgn-img {
    height: 25rem;
  }

  .gm-dv-app-grid {
    grid-template-columns: 30rem 30rem 30rem;
    gap: 2rem;
  }

  .gm-dv-app-name {
    font-size: 2rem;
  }

  .gm-dv-app-img-box {
    height: 10rem;
  }

  .cntrbtn-list {
    font-size: 1.8rem;
  }
}

/* **************************** */
/* Below 1136px (Smaller Desktops) */
/* **************************** */

@media (max-width: 71em) {
  .section-hero {
    padding: 05rem 0 0 0;
    /* height: 100vh; */
    min-height: 48rem;
    /* z-index: -2; */
  }

  .grid-2-cols {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }

  .wb-dsgn-img-box {
    display: flex;
    justify-self: center;
    margin-bottom: auto;
  }

  .jd-logo {
    width: 40rem;
  }

  .hero-focus-text {
    font-size: 7.4rem;
  }
  .heading-primary {
    font-size: 3rem;
  }

  .gm-dv-app-grid {
    grid-template-columns: 30rem 30rem;
  }
}

/* **************************** */
/* Below 592px (Smaller Desktops) */
/* **************************** */

@media (max-width: 37em) {
  .container {
    padding: 3rem;
    padding-bottom: 12rem;
  }

  .jd-logo {
    width: 20rem;
  }

  .hero-focus-text {
    font-size: 3.6rem;
  }
  .hero-focus-box {
    padding: 4.8rem 0 17rem 0;
  }

  .heading-secondary {
    padding-bottom: 0rem;
  }

  .wb-dsgn-prjct-dscr {
    font-size: 1.2rem;
  }

  .link {
    font-size: 1.2rem;
    border-radius: 5px;
    padding: 5px;
    outline: 1px solid #ffede1;
  }

  .wb-dsgn-img {
    height: 15rem;
  }

  .section-web-design {
    padding-bottom: 3rem;
  }
  .gm-dv-app-grid {
    grid-template-columns: 15rem 15rem;
  }

  .gm-dv-app-name {
    font-size: 2rem;
  }

  .gm-dv-app-img-box {
    height: 5rem;
  }

  .cntrbtn-list {
    font-size: 1rem;
  }
  /* .section-hero {
    padding: 05rem 0 0 0;
    min-height: 48rem;
  } */

  /* .grid-2-cols {
    grid-template-columns: 1fr;
    row-gap: 10px;
  } */

  /* .wb-dsgn-img-box {
    display: flex;
    justify-self: center;
    margin-bottom: auto;
  } */

  /* .jd-logo {
    width: 40rem;
  } */

  /* .hero-focus-text {
    font-size: 7.4rem;
  } */
  /* .heading-primary {
    font-size: 3rem;
  } */

  /* .gm-dv-app-grid {
    grid-template-columns: 30rem 30rem;
  } */
}

/* **************************** */
/* Below 736px (Smaller Desktops) */
/* **************************** */

/* @media (max-width: 46em) {
  .heading-primary {
    font-size: 2.8rem;
    padding: auto;
  }

  .header,
  .logo-name {
    display: block;
    justify-self: center;
    padding-top: 1.6rem;
  }

  .logo-name {
    padding-bottom: 1.6rem;
  }

  .hero-focus-box {
    padding: 4.8rem 0 2.4rem 0;
  }

  .jd-logo {
    transform: translate(-50%, -25%);
    opacity: 0.25;
  }

  .heading-primary {
    display: none;
  }

  .hero-services-center,
  .hero-services-mobile {
    display: block;
    justify-self: center;
    font-weight: 700;
    font-size: 3.6rem;
    color: #eee;
  }

  .grid-2-cols {
    row-gap: 9.6rem;
    column-gap: 4.8rem;
  }
} */

/* **************************** */
/* Below 512px (Smaller Desktops) */
/* **************************** */

/* @media (max-width: 32em) {
  .logo-name {
    font-size: 3.2rem;
  }

  .main-nav-link:link,
  .main-nav-link:visited {
    font-size: 1.6rem;
  }

  .mani-nav-list {
    display: flex;
    list-style: none;
    text-decoration: none;
    align-items: center;
    gap: 3.2rem;
  }

  .hero-focus-text {
    font-size: 6rem;
  }

  .jd-logo {
    width: 36rem;
  }

  .hero-services-center,
  .hero-services-mobile {
    font-size: 2rem;
  }

  .grid-2-cols {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 4.8rem;
    column-gap: 9.6rem;
  }

  .coming-soon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
  } 
}*/