/* =========================
   LARGE DEVICES
==========================*/

@media(max-width:1200px){

  .page-title{
    font-size:60px;
  }

}

/* =========================
   TABLET
==========================*/

@media(max-width:992px){

  section{
    padding:90px 6%;
  }

  nav{
    padding:18px 6%;
  }

  .page-title{
    font-size:52px;
  }

  .page-subtitle{
    font-size:16px;
  }

}

/* =========================
   MOBILE MENU
==========================*/

@media(max-width:900px){

  .menu-btn{
    display:block;
    z-index:1001;
  }

  .nav-links{
    position:fixed;

    top:0;
    right:-100%;

    width:280px;
    height:100vh;

    background:rgba(6,12,24,.98);

    backdrop-filter:blur(20px);

    flex-direction:column;

    justify-content:center;
    align-items:center;

    gap:40px;

    transition:.4s;
  }

  .nav-links.active{
    right:0;
  }

  .nav-links a{
    font-size:22px;
  }

}

/* =========================
   MOBILE
==========================*/

@media(max-width:768px){

  section{
    padding:80px 5%;
  }

  nav{
    padding:16px 5%;
  }

  .logo h2{
    font-size:24px;
  }

  .logo img{
    width:48px;
    height:48px;
  }

  .page-title{
    font-size:42px;
  }

  .page-subtitle{
    font-size:15px;
    line-height:1.8;
  }

  .btn-primary{
    width:100%;
  }

}

/* =========================
   SMALL MOBILE
==========================*/

@media(max-width:480px){

  .page-title{
    font-size:34px;
  }

  .page-subtitle{
    font-size:14px;
  }

  .nav-links{
    width: 280px;
  }

  /* .nav-links{
  width:100%;
} */

}