 @media screen and (max-width: 480px) {

     html,
     body {
         overflow-x: hidden;
     }

     p {
         font-size: 2.5vw;
     }


     nav {
         width: 100%;
         max-width: 85%;
         padding: 4vw 7vw;
         border: 2px solid #201A17;
         top: 5vw;

     }

     nav .text {
         font-size: 2vw;
         display: none;
     }

     nav .social {
         gap: 8vw;
     }

     nav img {
         transform: scale(3.2);
     }

     nav .toggle {
         transform: scale(2.5);
     }

     nav .logo {
         transform: scale(4.2);
         width: 25vw;
         margin-left: 3vw;
     }

     .social button {
         display: block;
     }


     .header {
         background-image: url("../images/header.gif");
         height: 240vw;
         padding: 5vw;
         position: relative;
         background-position: top left;
     }

     .about {
         margin-top: -15vw;
         height: 77vw;
     }

     .tokenomice {
         height: 234vw;
         padding: 10vw;
     }

     .tokenomice .box { 
         width: 100%;
     }

     .roadmap {
         height: 168vw;
     }

     .roadmap .box {
         width: 100%;
         position: relative;
         z-index: 99;
     }

     .our_mission {
         background-image: url("../images/our-mission-mobile.png");
         height: 284vw;
         margin-top: -105vw;
         position: relative;
         padding-top: 196vw;
     }

     .our_mission p {
         width: 100%;
         font-size: 15px;
     }

     .howtobuy {
         height: 150vw;
         padding: 15vw 10vw 0 10vw;
         margin-top: -21vw;
     }

     .faq {
         background-image: url("../images/faq-bg-mobile.png");
         height: 260vw;
         background-position: top center;
         margin-top: -36vw;
         padding: 10vw;
         position: relative;
         z-index: 99;

     }

     .join {
         color: #fff;
         margin-top: 85vw;
     }

     .join .box {
         width: 85%;
         padding: 5vw;
     }

     .footer {
         height: 307vw;
         margin-top: -221vw;
         padding-top: 208vw;
     }


 }