/* big screen */
  @media only screen and (max-width: 1200px) { 
           nav ul li{
            font-size: 15px;
           }
nav a{
    font-size: 15px;
    gap: 5px
}
           /* landing page style */
           .land-page img{
            width: 150px;
            height: 150px;
            margin-block-end: 0%;
           }
    .land-page h1{
                font-size: 90px;
            }
            .land-page h1 span{
                font-size: 125px;
            }
           .land-page .small-header{
                margin-inline-start: 500px;
                font-size: 15px;
                
            }
            .land-page{
                gap: 20px;
height: 300px;
            }
         }

         /* tablets */
         @media only screen and (max-width: 1000px) { 
           /* landing page style */
           .land-page img{
            width: 100px;
            height: 100px;
            margin-block-end: 0%;
           }
            .land-page h1{
                font-size: 80px;
            }
            .land-page h1 span{
                font-size: 100px;
            }
             .land-page h1 span + span{
                margin-inline-start: 150px;
                font-size: 10px;
         }
          .land-page .small-header{
                margin-inline-start: 400px;
                font-size: 10px;
                
            }
            .land-page{
                height: 250px;
            }
        }



         /* phones */
        @media only screen and (max-width: 768px) { 
nav,ul{
    padding-inline-start: 8px;
}
            nav ul li {
                font-size: 10px;
                
            }
           nav a{
                font-size: 10px; 
            }
           
           /* landing page style */
           .land-page{
            gap: 20px;
            height: 200px;
           }
           .land-page img{
            width: 75px;
            height: 75px;
            margin-inline-start: 8px;
            margin-block-end: 0%;
           }
           .land-page h1{
margin-top: 20px;
           }
              .land-page h1{
                font-size: 75px;
            }
            .land-page h1 span{
                font-size: 90px;
            }
            .land-page .small-header{
                margin-inline-start:350px;
                font-size: 12px;
                
            }
        }
/* extra small deices */
         @media only screen and (max-width: 576px)
         {
             .land-page h1{
                font-size: 30px;
            }
            .land-page h1 span{
                font-size: 50px;
            }
            .land-page .small-header{
                margin-inline-start: 150px;
                font-size: 10px;
                
            }
            .land-page img{
                margin-block-end: 0%;
                width: 50px;
                height: 50px;
            }
             nav .list{
            display: none;
           }
           nav .btn{
            display: inline !important; 
           }
.land-page{
    gap: 15px;
    height: 130px;
}
         }

           @media only screen and (max-width: 280px)
         {
             .land-page h1{
                font-size: 20px;
            }
            .land-page h1 span{
                font-size: 30px;}
                   .land-page .small-header{
                margin-inline-start: 100px;
                font-size: 5px;}
                 nav ul li {
            font-size: 5px;
           }
           nav a{
            font-size: 5px;
           }
             .land-page{
                gap: 10px;}
           }