Main CSS Changes

1. Small Grey Icons on 'Our Approach'
On the 'Our Approach' page, I included small icons using a Summary Block. I disabled the links (normally a large picture pops up on click), added padding to make them smaller, and also reduced the opacity to make them lighter.
Note: On a mobile device, these icons disappear and are replaced with bullet points. This is because these icons would not otherwise fit properly on the screen. This was the most unobtrusive way to do it without affecting other components.
IMPORTANT: If you want to edit this block, please try not to delete this block. If this block was deleted, check out this tutorial on how to get it back again. If you actually do want to delete the block, that's fine. It won't affect anything else. Just follow these steps.


2. Quote Block
Added a grey border and a little quote symbol at the top for "text quote" blocks. 

There are 3 kinds of quotes: 
A. Regular text (You just select a text block and manually add quotes)
B. Text Quotes (You start off with a text block, and then select Quote under the dropdown menu here
C. Quote Blocks

Basically, I made CSS changes so that "Text Quotes" look identical to "Quote Blocks".


3. Left & Right Page Content Padding
I added padding to the left and right of the page content.


4. Page Border
I added a grey page border on regular pages.
There are no page borders on index pages, but there is a grey line for the "preFooter" above the social media icons at the bottom of the screen. 


5. Footer
Removed the footer


6. Horizontal Line
Reduced the spacing above and below 


7. Header fonts
On a mobile device, I centered all headers and made the banner header font heavier


In the event that you want to restore the CSS, click here for the original code I wrote. You'll then need to copy and paste it into Design > Custom CSS.

/* MENU OF CHANGES */
0) Blog Sidebar
1) Our Approach page
2) Quote block formatting
3) Affects all pages
*/


/* (0) START: For the Blog sidebar */
/* If this code is not here, the side bar and blog entries are squished into a container */
.collection-type-blog #page {
max-width:none;
}

/* Just some 'SIGN UP' button formatting */
button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape {
font-family: 'Futura-pt', Futura, Arial, sans-serif;
font-size: 20px;
padding-top:0.5em;
padding-bottom:0.5em;
}
/* Adds the line on the left with some spacing */ 
@media only screen and (min-width:767px){ 
#rightSidebar {
padding-left: 24px;
border-left:1px solid #ccc;
}
 .collection-type-blog .entry-content {
 padding-right: 24px; 
 }
.archive-block.sqs-block-archive{
padding-top:0.5em; 
}
}

/* Small text formatting changes */ 
.newsletter-block.newsletter-form-has-small-container .newsletter-form-header-title { font-size: 34px!important;}

div#block-yui_3_17_2_3_1440216690513_11441.sqs-block.archive-block.sqs-block-archive{ text-align: center; }

/* (0) END: of blog sidebar */
/* (1) START: For icon blocks under 'Our Approach' */ 
/* This makes the icons small and grey */ 
.sqs-gallery-design-autogrid-slide img {
opacity:0.25;
width:60%;
margin-left:20%;
margin-top:20%; 
}
/* This is to turn off links*/ 
.sqs-block-summary-v2 a, .sqs-block-summary-v2 a:link, .sqs-block-summary-v2 a:visited {
pointer-events: none;
cursor: default;
} 
div.summary-title{
text-align:center!important; 
}

/* start: mobile devices */
@media only screen and (max-width:520px){ 
 /* This turns the bullets ON */
div#block-yui_3_17_2_2_1437789190574_7076 {
display:block!important; 
margin-top:-50px; 
} 
 
/*This turns the icons OFF*/
div#block-yui_3_17_2_29_1437779123131_11434.sqs-block.summary-v2-block.sqs-block-summary-v2{
display:none!important;
}
} /* end: mobile devices */ 

/* This turns the bullets OFF */ 
div#block-yui_3_17_2_2_1437789190574_7076 { display:none; }

/* (1) END: of 'Our Approach' icon formatting */

/* (2) START: Quote block formatting.
For more information see: */ 

/* Draws a grey line around block quotes */
blockquote {
border: 4px solid #efefef;
padding:20px 20px 20px 20px;
font-style:normal;
}

/* This adds in the stylish quotation mark at the top for text quotes*/
.sqs-block-html{
blockquote:before{
content: "“";
display: block;
font-size: 6em; 
opacity: .3; 
line-height: 0.2em;
letter-spacing: 0px;
font-family:"Georgia", "Times New Roman", serif;
font-weight: 300;
font-style: normal; 
margin-top:-10px; 
text-align:center; 
} 
} 
.quote-block blockquote {
border-left-width: 4px;
padding: 0px 1.5em 1em;
span { font-family:"Georgia", "Times New Roman", serif; }
}

/* start: mobile devices */
@media only screen and (max-width:782px){
.quote-block blockquote {
padding: 0px 0.6em 1em; 
}
.sqs-block .quote-block .sqs-block-quote{ padding:0px; }
} /* end: mobile devices */

/* (2) END: Quote block formatting.*/ 

 
/* ====== (3) START: FOR ALL PAGES ====== */

/* Turn the links green when you hover over them */
#page p<br>
{
a { text-decoration: underline; }
}

#page a:hover{ color:black; }

/* Make "code" fonts a little lighter */
code, kbd, pre, samp { opacity:0.7; }

@media only screen and (min-width:782px){
/* Adds padding for regular pages */
#page {
padding-left: 10%; 
padding-right: 10%;
}
/* Adds padding for index pages */
.collection-type-index{
.page-content {
padding-left: 15%; 
padding-right: 15%;
}
/* Add a prefooter line */ 
#preFooter {
border-top: 1px #ccc solid;
}
}

/* Adds a grey border for regular pages */
.general-page, .collection-type-page {
#page {
border: 1px #ccc solid;
margin-top: 96px; 
}
}
} /* End: restriction to wide-screens */

/* Make footer disappear */ 
footer { display:none; }

/* Reduce paddingspacing on line block */
.sqs-block-horizontalrule {
padding-top:10px;
padding-bottom:10px;
hr { margin: 0px!important; } 
}

/* mobile devices only */
@media only screen and (max-width:782px){
/* center the h2 fonts and make the h3 fonts bigger */
h1, h2{
text-align:center; 
}
/* left-aligns the navbar logo */ 
h1#logoImage{ text-align:left!important; }
 
/* makes the banner fonts bolder */
h1, .desc-wrapper p>strong {
font-weight:400;
}
} /* ====== (3) END: ALL PAGES ====== */