/* ==================================
   Nytaria.DE Responsive Design
   ================================== */



/* Tablets */

@media(max-width:1000px){



    .hero{

        padding:40px 20px;

    }




    h1{

        font-size:55px;

    }





    h1 span{

        font-size:28px;

    }






    .grid{

        grid-template-columns:

        repeat(2,1fr);

    }






    .ips{

        gap:20px;

        flex-wrap:wrap;

    }




}







/* Smartphones */

@media(max-width:650px){





    .hero{

        min-height:auto;

        padding:

        80px 15px;

    }






    .logo{

        width:280px;

    }






    h1{

        font-size:40px;

    }





    h1 span{

        font-size:22px;

    }






    p{

        font-size:16px;

    }







    .buttons{

        flex-direction:column;

        align-items:center;

    }






    .btn{

        width:90%;

    }






    nav{

        flex-wrap:wrap;

        padding:12px;

    }






    nav a{

        width:100%;

        text-align:center;

    }







    .grid{


        grid-template-columns:

        1fr;


    }







    .section{

        margin:

        50px auto;

    }







    .card{

        padding:20px;

    }






    .server-box{

        padding:20px;

    }






    .ips{

        flex-direction:column;

        align-items:center;

    }






    .ips div{

        width:100%;

        min-width:auto;

    }







    footer{

        padding:35px 15px;

    }



}