@charset "utf-8";

ul.info{
    float: right;
    margin-bottom: 40px;
}
ul.info li{
    float: left;
}
ul.info .date{
    padding: 2px 20px;
    font-weight: bold;
}
ul.info .cate{
    padding: 2px 30px;
    background: #2d3e3f;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
section p{
    clear: both;
}
/*--Small screens--*/
@media only screen and (max-width: 767px){
    ul.info{
        float: none;
        margin-bottom: 30px;
        font-size: 0.8em;
    }
    ul.info .date{
        padding: 2px 0;
    }
    ul.info li:nth-child(2n){
        float: right;
    }
    ul.info .cate{
        padding: 2px 20px;
        background: #2d3e3f;
    }
}

/*-----------------------------------
clear
-----------------------------------*/
ul.info{
    display: block;
    min-height: 1%;
}
ul.info:after{
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}