@media screen and (min-width: 375px) and (max-width: 600px){
    .box{
  
        width: 80%;
        height: 70px;
        background-color: #FCFAFA;
        border-radius: 20px;
        }

        .box p{
            text-align: center;
            margin-top: 20px;
            font-family: 'Carter One', sans-serif;
            font-size: 20px;
                
            }
        
}

@media screen and (min-width: 601px) and (max-width: 1024px){
    
    .box{
  
        width: 90%;
        height: 85px;
        background-color: #FCFAFA;
        border-radius: 20px;
        }


        .box p{
            text-align: center;
            margin-top: 20px;
            font-family: 'Carter One', sans-serif;
            font-size: 25px;
                
            }
        
}