This code from the /css/custom.css file houses everything we've done to customize our look and feel. It includes the definitions for the custom icons and custom fonts. Any images referenced were provided by the client and are provided in the final source.
Pay particular attention to the comments here because I have spelled out each section's purpose and how it plays into a responsive web design:
@charset "UTF-8";
h1,h2,h3,.cardo{font-family: Marvel, sans-serif;}
.logoContainer{font-family: Marvel, sans-serif; text-align:center;margin:auto}
.makersMark{margin:1.5em auto;font-family: Marvel, sans-serif; text-align:center;}
.testimonials{ margin:0 auto;}
.ui-content{ background-image:url(../images/cropfade.jpg); background-repeat:no-repeat; background-size: 100%;}
.ui-li-desc{white-space:normal;}
.price{font-weight:bold; float:right; padding-left:10px;}
.homeMenu{ text-align:center;}
.homeMenu .ui-btn{ min-width:120px; margin:.5em;}
.glyphishIcon:after {
height: 28px;
...