Harmonic Theme – Trying to add masonry to "News Section" of Frontpage

At this point Ive deduced it can only be done by writing css code. And Ive found the selector to use, I think (i.e., .home #news-section ) Not sure, but this is what Ive come up with so far. And now lost… where do I put the code and what is the code? I have a plugin with shortcode but that is not working. Again, I only want the masonry layout to affect the “news” section…per the post does not work either.

Below is the code found in css stylesheet:

#news-section h1.entry-title {
font-size: 32px;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.5;
margin: 20px 0 0 0;
}

#news-section .hentry {
clear: none;
float: none;
margin: 0;
width: 100%;
}

#news-section .entry-header {
float: left;
text-align: left;
width: 70%;
}

#news-section .entry-header,
.page-title {
margin-bottom: 0;
}

#news-section a {
color: #fff;
}

#news-section .entry-thumbnail img {
float: right;
margin: 0;
}

#news-section .entry-header {
border-bottom: none;
}

#news-section .post {
border-bottom: 1px solid #222;
clear: both;
overflow: hidden;
padding: 0;
}

Thanks for any help!
IZ