.header{
    position:relative;
}

.headerText{
    color: #fff;
    font-size: 1.5em;
    font-style:italic;
    font-weight: 600;
    position: absolute;
    left: 15%;

      text-shadow:
       -1px -1px 0 #323131,  
        1px -1px 0 #323131,
        -1px 1px 0 #323131,
         1px 1px 0 #323131;

    top: 10%;
    z-index:1;
}


.social{
    color: #337ab7;
    margin-top: 15px;
}

.social:hover{
    color: #f57b22;
}

/*----------Post list------------*/

h2.media-heading,  .post-Summary, .by-line{
    text-align: center;
}

.thumbContainer img{
    margin-bottom: 20px;
}

@media only screen and (min-width:768px){

    
    .headerText{
        font-size: 3em;
        left: 5%;
        top: 10%;
    }


    
/*----------Post list------------*/
    h2.media-heading,  .post-Summary, .by-line{
        text-align: initial;
    }

   .thumbContainer img{
        margin-bottom: 0;
    }


} 


@media only screen and (min-width:992px){

    
    .headerText{

        font-size: 4.5em;

        left: 6%;
        top: 15%;
   
    }
}