#divBlogWrapper{
     height: 800px; 
}

#txtSearch {
     width: 100px;      
}

#btnSearch {
     width: 60px; 
}

#divBlogContent{ 
     padding: 5px
}

div#divBlogContent {
     overflow: auto; 
     margin-bottom: 20px;
     border-top: 5px double #b3b3b3;
     height: 100%;
     width: 100%;
}

div#divBlogPosts {
     display: inline-block;
}


div#blogFlexRow {
     display: flex;
     flex-direction: column;
}

@media only screen and (min-width: 905px) {
     div#blogFlexRow {
          flex-direction: row;
          height: 700px;
     }

     div#blogFlexRow > div:first-child {
          width: 250px;
          min-width: 250px;
     }

     div#blogFlexRow > div:last-child {
          width: calc(100% - 270px);
          margin-left: 20px;

     }

     div#divBlogContent {
          border-top: 0px;
     }
}