.container{
    width: 95%;
    margin: 0 auto;
}
.message {
    font-family: 'Roboto', cursive;
    color: #ff9900;
    font-size: 120px; /* Adjust the size as needed */
    text-align: center;
    margin-top: 300px; /* Adjust the spacing as needed */
    margin-bottom: 300px;
}
@media (max-width: 1023px) and (min-width:769px) {
    .message  {
        font-family: 'Roboto', cursive;
        color: #ff9900;
        font-size: 90px; /* Adjust the size as needed */
        text-align: center;
        margin-top: 300px; /* Adjust the spacing as needed */
        margin-bottom: 300px;
    }
}

@media (max-width: 768px)and (min-width:432px) {
    .message  {
        font-family: 'Roboto', cursive;
        color: #ff9900;
        font-size: 60px; /* Adjust the size as needed */
        text-align: center;
        margin-top: 300px; /* Adjust the spacing as needed */
        margin-bottom: 300px;
    }
}

@media (max-width: 431px) {
    .message  {
        font-family: 'Roboto', cursive;
        color: #ff9900;
        font-size: 40px; /* Adjust the size as needed */
        text-align: center;
        margin-top: 300px; /* Adjust the spacing as needed */
        margin-bottom: 300px;
    }
}