#box {
    border: 2px solid rgb(175, 175, 175);
    height: fit-content;
    width: 75%;
    justify-self: center;
    margin-top: 1%;
}

@media (min-width: 600px){
    .text-box{
        text-align: left;
        margin: 2% 2% 2% 2%;
        width:auto; 
        word-wrap: normal;
        font-size: 100%;
    }

    li{
        font-size: 100%;
        word-wrap:break-word;
    }
}

@media (max-width: 600px){
    .text-box{
    text-align: left;
    margin: 2% 2% 2% 2%;
    width:auto; 
    word-wrap: normal;
    font-size: 80%;
    }
    li{
        font-size: 80%;
        word-wrap:break-word;
    }
}