﻿.feedContainer
{
    /*border-top:1px solid #ea5b0c;*/
    padding-top:40px;
}

.feedContainer .left
{
    float:left;
    width:45%;        
}

.feedContainer .right
{
    float:right;
    width:45%;            
}

.feedContainer h2
{
    font-weight:700;
}

.feedContainer .item
{
    margin-bottom:20px;        
}

.feedContainer .item-title
{
    display:block;
    font-weight:700;
    margin-bottom:5px;
    position:relative;
    padding-left:20px;
}

.feedContainer .item-title:before
{
    content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:0px;
    margin-top:4px;
    position:absolute;
    top:0;
    font-size:10px;
}

.feedContainer .left .item-title:before
{
    color:#FDDB00;
}

.feedContainer .right .item-title:before
{
    color:#B0DBF3;
}

.feedContainer .item-desc
{
    display:block;
    padding-left:20px;
}

@media screen and (max-width: 600px)
{
    .feedContainer .left
    {
        float:none;
        width:100%;    
        margin-bottom:20px;
    }

    .feedContainer .right
    {
        float:none;
        width:100%;    
    
    }
}