.col2 .span12 .pages .span3:nth-child(4n+1) {
    clear: none;
    margin-left:15px;

}

.home-row .boxed-heading, #hero-col.boxed-col-outer .boxed-heading {
    background-color: #fff;
  
}
.col2 .span12 .pages .span3:nth-child(3n+1) {
    margin-left:0;
   
}


.thumbnail > img {

    max-width: 230px;
   
}

.pages.thumbnail-pages section {
padding: 30px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
background-color: #fafafa;
}



#main-content .pages.thumbnail-pages section h3, .intro h2 {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
margin: 15px 0;
color:black;
}

#main-content .pages.thumbnail-pages section h3 a {text-decoration:none; color:black;}

p.summary, .intro {
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 22px;
}



a.fsap-link {
    color: #4040b3;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

@media (min-width:979px) {
    .col2 .pages.thumbnail-pages section {
    width:228.6px;
}
}

@media (min-width: 767px) and (max-width: 979px) { 
    .col2 .pages.thumbnail-pages section {
    width:288px;
}

.col2 .span12 .pages .span3:nth-child(3n+1) {
    margin-left:12px;
   
}

.col2 .span12 .pages .span3:nth-child(2n+1) {
    margin-left:0px;
   
}



    
    
}

@media (min-width: 481px) and (max-width: 767px) {
    #main-content .pages.thumbnail-pages section h3 {
    background:none;
    }
    
}

@media (max-width: 480px) {
    .col2 .pages.thumbnail-pages section {
   width:100%;
   padding-bottom:10px;
}

.col2 .span12 .pages .span3:nth-child(4n+1) {

    margin-left: 0px;
}
    
}