.lay{
        border-radius:0px;
text-align: center;
              background-color:#000;
        color: white;
        padding:8px;
        margin: 0;
        font-family: "Roboto Slab",sans-serif;
       }
       .big {
background:#000;
margin:10px;
padding:15px;
text-transform:capitalize;

       }
        .big a{
color:white;
text-decoration:none;
        }




@media (max-width:9000px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:30px;
        }



        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:30px;
        padding:8px;
        margin: 0;
       }



        }




@media (max-width:3000px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:20px;
        }

        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:30px;
        padding:8px;
        margin: 0;
       }


        }









@media (max-width:700px){

  .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
       }


}


@media (max-width:450px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:18px;
        }
        }


        @media (max-width:400px){

  .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:18px;

       }


}






@media (max-width:350px){

  .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:16px;

       }


}





@media (max-width:300px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:16px;
        }
        }





        








@media (max-width:260px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:15px;
        }
        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:13px;

       }
        }







        @media (max-width:200px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:14px;
        }



        .lay{
text-align: center;
              background-color:#000;
        color: white;
        padding:8px;
        font-size:12px;
        margin: 0;
        
        font-family: "nunito",sans-serif;
       }


        }





         @media (max-width:190px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:12px;
        }

        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        
        font-size:10px;

       }

        }






        @media (max-width:170px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:10px;
        }


        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        
        font-size:8px;

       }
        }




        @media (max-width:150px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:8px;
        }
        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:6px;

       }
        }









         @media (max-width:130px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:6px;
        }
        }









        @media (max-width:110px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:5px;
        }

        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:4px;

       }
        }






        @media (max-width:90px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:4px;
        }

        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:2px;

       }
        }




        @media (max-width:70px){
          .big {
background:#000;
margin:10px;
padding:15px;
       }
        .big a{
color:white;
text-decoration:none;
font-size:2px;
        }
        .lay{
text-align: center;
              background-color:#000;
        color: white;
        font-size:20px;
        padding:8px;
        margin: 0;
        font-size:1px;
       }
        }