#content{
    padding: 1% 0;
    margin: 0 auto;
    width: 70%;
    text-align: center;
}

#content .sep:nth-child(2){
    margin-top: 7% ;
}

#content p{
    margin: 2% 0;
}

#content .text-medium{
    text-decoration: underline;
}

ul{
    list-style: inside;
    text-align: left;
}

ul li{
    margin: 1% 0;
}

/*768 to 1024*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    #content{
        width: 80%;
    }
}

/*425 to 767*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    #content{
        width: 80%;
    }

    #content p{
        margin: 4% 0;
    }
}

/*375 to 424*/
@media only screen and (min-width: 375px) and (max-width: 424px){
    #content{
        width: 90%;
    }

    #content p{
        margin: 4% 0;
    }
}

/*320 to 374*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    #content{
        width: 90%;
    }

    #content p{
        margin: 4% 0;
    }

    #bna{
        padding: 3%;
    }
}