div.news-jumbo { position:relative; width:90%; margin:auto auto 5em; padding:1em; 
                 box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                 background: linear-gradient(right, #111 11%, #333 56%); border-radius:2em; 
}

div.articles div.row { position:relative; width:100%; margin:auto; padding:0; }

div.articles div.row div.col-sm-4 { 
position:relative; padding-top:1em; margin:1em auto 1em auto; 
background-color:#3e3a38; border:0.2em solid white; }

div.articles div.row div.col-sm-4 > a {
    text-decoration:none; color:#404040; text-align:center; 
} 

div.articles div.row div.col-sm-4 > a:hover {
    opacity:0.85;
}

div.articles  div.row div.col-sm-4 > a h4 {
   position:relative; width:100%; text-align:center; color:white; 
   padding:0.5em 0 1em 0; margin:0; font-style:italic; font-size:150%;
} 

div.articles  div.row div.col-sm-4 > a h4 i { color:#999966; font-size:110%; }

div.articles div.row div.col-sm-4 > a img { position:relative; margin:auto; width:100%; height:20em; }

@media all and (min-width:701px) and (max-width:1024px) {
    
    div.news-jumbo { position:relative; width:100%; margin:auto; padding:0em; border-radius:0em; }

    div.articles div.row { position:relative; width:100%; margin:auto; padding:0; }

div.articles div.row div.col-sm-4 { 
position:relative;
padding-top:1em; margin:1em auto 1em auto; background-color:#3e3a38; border:0.2em solid white; }

div.articles div.row div.col-sm-4 > a {
    text-decoration:none; color:#404040; text-align:center; 
} 

div.articles div.row div.col-sm-4 > a:hover {
    opacity:0.85;
}

div.articles  div.row div.col-sm-4 > a h4 {
   position:relative; width:100%; text-align:center; color:white; padding:0.5em 0 1em 0; margin:0; font-style:italic;
} 

div.articles  div.row div.col-sm-4 > a h4 i { color:#999966; font-size:large; }

div.articles div.row div.col-sm-4 > a img { position:relative; margin:auto; width:100%; height:15em; }
    
}

@media all and (max-width:700px) {
    
    div.news-jumbo { position:relative; width:100%; margin:auto; padding:0em; border-radius:0em; }

    div.articles div.row { position:relative; width:100%; margin:auto; padding:0; }

div.articles div.row div.col-sm-4 { 
position:relative; 
padding-top:1em; margin:1em auto 1em auto; background-color:#3e3a38; border:0.2em solid white; }

div.articles div.row div.col-sm-4 > a {
    text-decoration:none; color:#404040; text-align:center; 
} 

div.articles div.row div.col-sm-4 > a:hover {
    opacity:0.85;
}

div.articles  div.row div.col-sm-4 > a h4 {
   position:relative; width:100%; text-align:center; color:white; padding:0.5em 0 1em 0; margin:0; font-style:italic;
} 

div.articles  div.row div.col-sm-4 > a h4 i { color:#999966; font-size:large; }

div.articles div.row div.col-sm-4 > a img { position:relative; margin:auto; width:100%; height:15em; }
    
}