@media only screen and (min-width: 300px) {
    .shy-terms-container{
        width: 80%;
    }
}
@media only screen and (min-width: 600px) {
    .shy-terms-container{
        width: 75%;
    }
}
@media only screen and (min-width: 1000px) {
    .shy-terms-container{
        width: 68%;
    }
}
@media only screen and (min-width: 1200px) {
    .shy-terms-container{
        width: 54%;
    }
}
.shy-terms-container{
    margin: 90px auto;
    color: #757575;
    text-align: justify;
}
.shy-terms-title{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #4c4c4c;
}
.shy-terms-li{
    margin-left: 24px;
}
.shy-terms-li-mini{
    font-weight: bold;
    color: #4c4c4c;
}
.shy-terms-footer{
    color: #4c4c4c;
    font-weight: bold;
}
ol{
    list-style-type: lower-latin;
    margin-left: 24px;
}