/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .nav-menu {
        padding: 1rem 1.5rem;
        justify-content: flex-end !important;
    }
    
    nav .company-name {
        font-size: 20px;
        margin: 2px;
    }

    .grid-item .hackers-are {
        font-size: 18px !important;
    }

    .grid-item .earn-your-badge {
        padding-top: 40px !important;
        padding-left: 0;
    }

    .grid-item .traditionally{
        font-size: 18px;
        line-height: 2.2rem;
        padding-right: 35px;
        padding-left: 0px;
        padding-top: 5px;
    }

    .grid-item .traditionally a {
      color: #51B5A6;
      display: initial;
      line-height: 2.2rem;
      padding:  0;
      text-decoration: none;
      font-weight: bolder;
      font-size: 18px;
    }

    .grid-item .belt-img {
        width: 350px;
        height: 400px;
        padding: 90px 20px 20px 20px;
        margin-top: 0px;
    }

    .all-white {
        height: 480px;
    }

    .gradient-pink {
        height: 645px !important;
    }

    .bg-navy-blue {
        height: 805px;
    }

    .gradient-navy {
        height: 836px;
      }

    .grid-container1 .more-sophisticated {
        font-size: 18px !important;
        line-height: 2.2rem;
    }

    .grid-container3 .footer-card {
        margin: 305px 50px 0 -542px;
        width: 474px;
        height: 389px;
    }

    .grid-item .privacy-sub {
        font-size: 20px !important;
    }

    .grid-item ul.no-bullets {
        margin-top: 60px;
        padding: 0px 0px 10px 0px;
    }

    .accordionMenu {
        margin-left: 40px;
        margin-right: 40px;
    }

    .grid-item .accordionMenu .content .inner {
        font-size: 18px !important;
    }
    .grid-item .accordionMenu label {
        font-size: 18px !important;
    }
    .grid-item .all-you {
        font-size: 18px;
        
    }

    .have-thoughts {
        font-size: 18px;
    }

    .grid-item .phone-img-small {
        display: inline;
        padding-left: 10rem;
        padding-right: 10rem;
        padding-top: 2rem;
        width: 520px;
        height: 660px;
    }

    .phone-border {
        width: 342px;
        height: 667px;
        position: absolute;
        margin: 7px -431px;
      }

    .grid-item .phone-img {
        display: none;
    }

    .gradient-purple {
        height: 1067px;
    }
    

    .grid-container4 p a {
        margin-left: 5px;
    }

    li .grid-item a {
        margin-top: 37px;
        padding: 0;
    }

    .grid-item .download {
        margin: 1rem 9rem;
    }

    .grid-container2-nav  {
       
        display: none;
      }

    .footer-logo-img {
        margin: 70px 100px 0 100px;
    }
  } 

  @media only screen and (min-width: 762px) {
    .phone-border {
        width: 253px;
        height: 509px;
        position: inherit;
        margin: -9px -252px;
      }
  }

  @media only screen and (min-width: 768px) {
    .phone-border {
        width: 300px;
    height: 600px;
    position: inherit;
    margin: 10px 0 0 0 !important;
    }

    .grid-item .phone-img-small {
        display: inline;
        padding-left: 10rem;
        padding-right: 10rem;
        padding-top: 0px;
        width: 519px;
        height: 676px;
    }

    .privacy-title {
        font-size: 30px;
        margin-left: 20px;
        padding-top: 35px;
    }

    .grid-item .term-title{
        font-size: 30px;
        text-align: left; 
        padding-top: 35px;
        padding-left: 20px;
        margin-left: 20px;
        
    }

    .grid-item .privacy-sub {
        margin-left: 40px;
    }

    .grid-item .accordionMenu .content .inner a {
        font-size: 18px;
        color: #526DF1;
        line-height: 1.5;
        padding: 0px;
        text-align: left;
        display: inline-block;
    }
  }

  @media only screen  and (min-width: 855px) {
    .gradient-pink  {
         height: 615px !important;
     }
   }