.content ul{
    clear: both;
    padding-left: 20px;
    display: inline-block;
}
p {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    
}
section ul{
    min-width: 300px;
    width: 100%;
    text-align: left;
}
section ul li{
    min-width: 260px;
    width: calc(50% - 5px);
    display: inline-block;
    list-style-type: circle;
    padding-left: 10px;
    position: relative;
    vertical-align: top;
}
section ul li::before{
    content: '';
    border: 2px solid black;
    border-radius: 1px;
    position: absolute;
    left: -10px;
    top: 14px;
    
}
section h3{
    //width: 300px;
    //display: inline-block;
    text-align: center;
}
@media screen and (max-width: 400px) {
    ul {
        padding-left: 40px;
    }
    section h3, section h4 {
        padding-left: 20px;
        width: 100%;
        text-align: left;
    }
}