@charset "utf-8";

@import url(font-open-sans.css);
@import url(font-roboto.css);
@import url(font-roboto-slab.css);

/*** Reset CSS ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-size: 100%; font-weight: normal; padding: 0px; margin: 0px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
em { color: #999; font-style: italic; font-size: 0.9em; }
i { font-style: italic; }
a { color: #06C; text-decoration: none; }
a:hover { color: #111; }
strong { color: #333; font-weight: 500; }
strong.dark { color: #111; font-weight: 500; }

/** Clear Fixes **/
.cf:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
#header:after, #navbar:after, #slideshow:after, .panels#after, #content:after, #footer:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }

/** Custom **/
.fl { float: left; }
.fr { float: right; }
.cb { clear: both;height: 0px; }
.cb.spacer { height: 15px; }
.cl { clear: left; }
.cr { clear: right; }
.left { text-align: left; }
.right { text-align: right; }
.uppercase { text-transform: uppercase; }
p { margin-bottom: 1.5em; }
ul.disc { list-style: disc; margin: 0px 0px 10px 20px; }

.bullet { margin-top: 15px; }
.bullet a { font-size: 18px; font-weight: 700; color: #111; font-family: 'Roboto Condensed', sans-serif; }
.bullet a i { margin-right: 5px; }

.uppercase { text-transform: uppercase; }

hr.gray { border: 0; height: 0; margin: 0px; border-top: 1px solid #DDD; border-bottom: 0px none;}
hr.faded { clear: both; float: none; width: 100%; height: 1px; border: none; background: #DDD; background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, rgb(255,255,255)), color-stop(0.1, rgb(221,221,221)), color-stop(0.9, rgb(221,221,221)), color-stop(1, rgb(255,255,255)) ); background-image: -moz-linear-gradient( left center, rgb(255,255,255) 0%, rgb(221,221,221) 10%, rgb(221,221,221) 90%, rgb(255,255,255) 100% ); margin: 10px 0px 16px; }
img.fade:hover { opacity: .8; }

/* Misc. Fixes */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
*:focus { outline: 0; }

/* Overrides */
.first { padding-left: 0px !important; }
.last { padding-right: 0px !important; }
.red { color: red; }

/* Dev */
.go-to-top { display: none; position: fixed; bottom: .5%; right: 2%; z-index: 10001; }
.go-to-top img { opacity: .6; }
.go-to-top img:hover { opacity: 1; }

img.autosize { width: 100%; height: auto; }
img.ninty { width: 92%; margin: 0px auto; }
strong { color: #111; font-weight: bold; }

.center { margin: 0px auto; }
.centered { text-align: center; }

/* CSS Document */
body { position: relative; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4em; background: #FFF; color: #555; -webkit-text-size-adjust: none; padding-bottom: 5%; }
.table { width: 100%; border-collapse: collapse; padding: 0px; margin: 0px; border: none; }
ul { margin: 0px; padding: 0px; }
img { border: 0px; }
.rates { padding: 0px; margin: 0px; font-size: 14px; color: #808080; font-weight: bold; line-height: 18px; }
.text_yellow { color: #AC872C; font-size: 11px; font-weight: bold; }
.text_bold { font-weight: bold; }

.clearfloat { clear: both; }

#wrapper { position: relative; min-width: 320px; }
#container { }
#topbar { }

.list { padding: 0px; margin: 0px; list-style: none; border-top: solid 1px #CCC; min-height: 100px; }
.homebartitle { margin-left: 5px; }
.list li { line-height: 18px; color: #000; list-style: none; overflow: hidden; margin: 1px 0px; text-align: left; font-weight: bold; background: url(../images/bg-list.png) repeat-x; }
.list li:hover { background: url(../images/bg-list-hover.png) repeat-x; }
.list li a { display: block; background: url(../images/arrow-r.png) no-repeat right; text-decoration: none; line-height: 75px; padding-left: 5px; color: #000; font-weight: bold; border-bottom: solid 1px #B6B6B6; vertical-align: middle; height: 75px; font-size: 18px; }
.list li a:hover { background: url(../images/arrow-hover.png) no-repeat right; color: #000; text-decoration: none; }
.list2 { padding: 0px; margin: 0px; margin-top: 1px; list-style: none; border-top: solid 1px #333; min-height: 100px; }
.list2 li { display: block; padding: 0px; list-style:none; margin: 0px; font-size: 13px; background: #EEE url(../images/arrow-r.png) no-repeat 100% 5%; font-weight: bold; }
.list2 li a { display: block; text-decoration: none; padding: 4px 30px 0 0px; color: #000; font-weight: bold; border-bottom: solid 1px #B6B6B6; }
.list2 li a#nav { text-decoration: none; padding: 5px 0px; line-height: 30px; color: #EE3A42; padding-left: 15px; font-weight: bold; }
.list2 li a:hover { background: #333 url(../images/arrow-hover.png) no-repeat right; color: #FFF; text-decoration: none; }
.list3 { padding: 0px; margin: 0px; margin-top: 1px; list-style: none; border-top: solid 1px #333; background: #FFF; }
.list3 li { display: block; padding: 4px 0px; list-style:none; margin: 0px; font-weight: bold; background: #EEE url(../images/arrow-r.png) no-repeat right; border-bottom: solid 1px #000000; }
.list3 li a { text-decoration: none; color: #C00; font-weight: bold; font-size: 12px; }
.list3 li a:hover { color: #333; text-decoration: none; }
.list4 { padding: 0px; margin: 0px; }
.list4 li { border-bottom: 1px solid #DDD; padding: 5px 0px 15px; margin: 0px; }
.list4:nth-child(even) { background: #F8F8F8 !important; }
.list4 li:last-child { border-bottom: 0px none; }
.list4 li a { text-decoration: none; color: #06C ; font-weight: bold; }
.list4 li a:hover { color: #333; }
.list4.directions { text-align: center; }

a.itemphonesmalllink { color: #03F; font-weight: bold; }

a { color: #03F; font-weight: bold; }

.direction { float: right; padding-right: 5px; padding-top: 10px; text-align: center; }
.span_left { line-height: 30px; float: left; padding-left: 10px; }

.phone a { text-decoration: none; color: #EE3A42; font-weight: bold; }

.homeimagesmall { float: left; width: 100px; margin: 0 0 0 -5px; border: 0px; vertical-align: middle; }

.catcell { text-decoration: none; padding: 4px 30px 0 5px; border-bottom: solid 1px #DDD; min-height: 60px; background: #F8F8F8 url(../images/arrow-r.png) no-repeat 100% 50%; vertical-align: middle !important; }
.catpiccell { text-decoration: none; padding: 0px; margin: 0px; color: #000; font-weight: bold; border-bottom: solid 1px #DDD; min-height: 60px; width: 60px; }
.categoryimagesmall { float: left; width: 60px; margin: 0px; vertical-align: middle; }
.categorytitlesmall { text-decoration: none; padding: 0px; margin: 0px; color: #000; font-weight: bold; min-height: 60px; }

.itemimagesmall { float: left; width: 60px; margin: 0px 5px 0px 5px; }
.itemtitlesmall { float: left; width: 70%; min-height: 45px; margin: 0 0 5px 0px; }
.itemphonesmall { width: 25px; margin: 0px 2px -8px 0px; }
.itemphonesmalllink { float: left; width: 100px; color: #EE3A42; font-weight: bold; }
.itemmoresmall { width: 25px; margin: 0px 2px -8px 10px; }
.itemmoresmalllink { float: left; width: 120px; }

#footer { text-align: center; padding: 0px; overflow: hidden; }
#footer a { color: #06C; }
#footer ul.footer-buttons li { float: left; width: 50%; text-align: center; }
#footer ul.footer-buttons li.single { width: 100%; }
#footer ul.footer-buttons li a { display: block; font-size: 18px; text-transform: uppercase; color: #111; font-weight: 400; background-image: linear-gradient(#F6F6F6,#EEE); padding: 20px 0px; border: 2px solid #FFF; }
#footer ul.footer-buttons li:nth-child(2n+1) { clear: left; border-right: 0px none; }
#footer ul.banners li:first-child { }
#footer ul.banners li:last-child { border-bottom: 0px none; padding-bottom: 20px; }

/* Slideshow */
#slideshow-wrap { width: inherit; background: #FFF; padding: 0px 0px; }
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; }
#slider1_container a { display: block; }
.slideshow-dimensions { width: 800px; height: 500px; }
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background: url(../images/b13.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; background: url(../images/a21.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.jssorb21 { position: absolute; bottom: 10px; left: 6px; }
.jssora21l, .jssora21ldn { width: 55px; height: 55px; top: 123px; left: 8px; }
.jssora21r, .jssora21rdn { width: 55px; height: 55px; top: 123px; right: 8px; }
#slider1_container img:hover, .slides .slide-panel:hover { cursor: pointer; }

/* Slideshow panel */
.slides div { position: relative; }
.slides .slide-panel { position: absolute; top: 5%; left: 0; right: 0; width: 90%; height: 100%; text-align: center; color: #FFF; font-size: 26px; line-height: 1.3em; /*background: url(../images/bg-dark.png) repeat; background-position: top;*/ padding: 0px 0px 0px; margin: 0px auto; overflow: hidden; }
.slides .slide-heading { display: block; font-family: 'Roboto Slab', serif; font-size: 38px; line-height: 40px; text-shadow: 0px 2px 1px #000;  margin-bottom: 10px; }
.slides .slide-heading img { float: right; width: auto; height: 40px; margin: 0px -5px 0px 0px; opacity: .6; }
.slides p { padding-left: 2px; text-shadow: 0px 2px 1px #000; }
.slide-panel ul.button { display: block; margin-top: 15px; }
.slide-panel ul.button li { display: inline-block; }
.slide-panel ul.button li a { display: block; float: none; color: #FFF; background: #C33; padding: 8px 15px 9px; box-shadow: 2px 2px 0px #000; margin-right: 10px; }
.slide-panel ul.button li a:hover { color: #DDD; text-decoration: none; }
.slide-panel ul.button li a i { color: #FFF; margin-left: 10px; }
.slide-panel ul.button li a i.first { margin-left: 0px; margin-right: 7px; }

#header-wrap { position: relative; /*background-image: linear-gradient(#FFF,#FFF);*/ background: #FFF; padding: 0px 0px 10px; }
#header { line-height: 0; }
#header a { display: block; }
#header i { font-size: 30px; line-height: 35px; color: #363; }
#header a.i-shrink i { font-size: 22px; }
#header a.i-adjust-one i { padding-top: 6px; }
#header a.i-adjust-two i { font-size: 34px; padding-top: 6px; }
#header a.phone { padding: 10px; }
#header a.phone img { width: 35px; height: 35px; }
#menu { position: relative; float: left; width: 10%; }
#menu a { padding: 0px 0px; }
#logo { position: relative; float: left; width: 80%; margin: 0px auto; margin-top: 10px; }
#logo img { width: 100%; height: auto;  }
#home-link { position: relative; }
#header-links { position: relative; float: left; width: 10%; }
#header-links ul { float: right; }
#header-links ul li { float: left; }
#header-links ul li a { display: block; padding: 0px 10px; /*border-left: 1px solid #333;*/ }
#header-links ul li a.first { border-left: 0px none; }
#header-links ul li a.last { padding-right: 15px !important; }
#header-links ul li a.button i { font-size: 26px; color: #FFF; border-radius: 6px; background: #00F; padding: 3px 8px 4px 6px; margin-top: 2px; }

#menu ul { float: left; z-index: 2002; }
#menu ul li { float: left; }
#menu ul ul { display: block; position: absolute; top: 0px !important; right: 9999px; width: auto; margin: 0px; padding: 0px; z-index: 2003; }
#menu ul ul li i { color: #DDD; font-size: inherit; padding: 0px; }
#menu ul ul li, #menu ul ul li a { color: #FFF; }
#menu ul li.submenu:hover ul { left: 0; right: auto; }
#menu ul li.submenu img { width: 30px; height: 30px; }
#menu ul ul li { float: none; display: block; }
#menu ul ul li a { display: inline-block; min-width: 100%; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; line-height: 50px; background: #222; border-bottom: 1px solid #333; padding: 0px 15px; padding-right: 5px; white-space: nowrap; z-index: 2004 }
#menu ul ul li a:hover { color: #DDD; }
#menu ul ul li:first-child a { padding-top: 0px; }
#menu ul ul li:last-child a { padding-bottom: 0px; border-bottom: 0px none; }
#menu ul ul li a i { line-height: 1; padding-right: 10px; width: 15px; text-align: center; }
#menu ul li a.menu-bars { padding: 10px; }
#menu ul li a.menu-bars i { margin-top: 7px; }
#menu ul li.submenu ul.show-menu { top: 0; left: 0; right: auto; }
#menu ul li.submenu ul.hide-menu { top: 0; left: inherit; right: 9999px; }

#search-bg-wrap { display: block; padding: 10px 0px 15px; overflow: hidden }
#search-wrap { width: 95%; padding: 10px 0px; margin: 0px auto; background: #FFF; border: 1px solid #EEE; }
#search-container { position: relative; background: #FFF; overflow: hidden; }
#search-container li { line-height: 30px; }
#search-container input.txtbox-search-our-inventory { display: block; width: 100%; border: 0px none; padding: 0px 0px 0px; line-height: inherit; padding-left: 10px; }
#search-container a.search-submit { position: absolute; top: 1px; right: 10px; }
#search-container a i { color: #363; font-size: 26px; }
#search-container a img { width: 30px; height: 30px; }

::-webkit-input-placeholder { color: #CCC; font-size: 20px; opacity: 1 !important; }
:-moz-placeholder { color: #CCC; font-size: 20px; }
::-moz-placeholder { color: #CCC; font-size: 20px; }
:-ms-input-placeholder { color: #CCC; font-size: 20px; }

.panels ul { text-align: center; }
.panels ul li img { width: 100%; }

#content { padding: 0px 10px 0px; min-height: 300px; }
#content p.first { margin-top: 8px; }
#content h3 { margin-top: 15px; }

ul.icons { width: 100%; text-align: center; padding: 15px 0px 25px; border-bottom: 1px solid #DDD; }
ul.icons.gray { background: #F8F8F8; }
ul.icons li { position: relative; display: inline-block; width: 23%; }
ul.icons li a { display: block; }
ul.icons li img { background: #C33; padding: 10%; max-width: 70%; border-radius: 5px; border: 1px solid #111; }

ul.banners { text-align: center; margin: 0px; padding: 0px 0px 0px; background: #EEE; }
ul.banners li { position: relative; display: block; background: #FFF; vertical-align: top; padding: 20px 0px; border-bottom: 1px solid #DDD; margin: 0px 0px 0px; }
ul.banners li.no-border { border-bottom: 0px none; }
ul.banners li:first-child { border-top: 0px none; background: #FFF; padding-top: 25px; } 
ul.banners li:last-child { padding-bottom: 10px; }
ul.banners li.special-bg { background: #fec94d; padding-top: 20px; border-bottom: 0px none; border-top: 0px none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0px; padding-bottom: 5px; }
ul.banners li img { margin-bottom: 10px; }
ul.banners li img.border-gray { border: 1px solid #CCC; }
ul.banners li p { width: 90%; margin: 0px auto; color: #333; }
ul.banners li a.readmore { display: block; margin: 15px 0px 20px; }
ul.banners li a.readmore i { margin: 1px 5px 0px 0px; }
ul.banners li .banner-divider i { position: absolute; left: 0; right: 0; top: -20px; width: 28px; height: 30px; color: #666; font-size: 36px; border-radius: 50%; border: 1px solid #CCC; padding: 2px 5px 6px; margin: 0px auto; background: #FFF; }
ul.banners ul li { border-bottom: 0px none; border-top: 0px none; box-shadow: none; }
ul.banners li.porcat ul { width: 93%; text-align: center; margin: 0px auto; }
ul.banners li.porcat ul li { position: relative; display: inline-block; width: 44%; padding: 2% 1%; margin: 0px 1%; margin-bottom: 3%; border: 1px solid #EEE; overflow: hidden; }
ul.banners li.porcat ul img { max-width: 100%; }
ul.banners li.porcat ul li span { display: block; }
ul.banners .banner-phone, ul.banners .banner-button { font-size: 28px; color: #333; margin: 0px 0px 15px; }
ul.banners .banner-phone i, ul.banners .banner-button i { color: #333; vertical-align: top; margin: 3px 5px 0px 0px; }
ul.banners .banner-white-bg { width: 90%; background: #FFF; overflow: hidden; margin: 0px auto; padding-top: 10px; }

.banner-button { }
.banner-button a { display: block; width: 50%; text-align: center; color: #FFF; background-image: linear-gradient(#438c4f,#437947); border-radius: 6px; padding: 20px 0px; margin: 0px auto;  font-size: 18px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; margin-top: 16px; white-space: nowrap; }
.banner-button a.small { font-size: 18px; }

ul.banners li.icons { box-shadow: none; border-bottom: 0px none; }
ul.banners li.icons ul { margin: 20px 0px 0px; padding: 0px; border: 0px none; }
ul.banners li.icons ul li { display: inline-block; border: 0px none; box-shadow: none; padding: 0px; margin: 0px 1%; }
ul.banners li.icons ul li i { font-size: 24px; color: #FFF; background: #0684c7; border-radius: 6px; padding: 10px 15px; }

ul.banners ul.featured-equipment { width: 93%; text-align: center; margin: 0px auto; margin-top: 20px; }
ul.banners ul.featured-equipment li { position: relative; display: inline-block; width: 45%; padding: 0px 2%; margin-bottom: 4%; }
ul.banners ul.featured-equipment li:nth-child(even) { background: none; }
ul.banners ul.featured-equipment h2 { border: 1px solid #DDD; }
ul.banners ul.featured-equipment h2 a span { font-size: 16px; }
ul.banners ul.featured-equipment img { max-width: 100%; }
ul.banners ul.featured-equipment li span { display: block; }

ul.buttons { }
ul.buttons li { position: relative; }
ul.buttons li:last-child { }
ul.buttons li a { display: block; width: 50%; text-align: center; color: #fff;  background-image: linear-gradient(#438c4f,#437947); border-radius: 6px; padding: 20px 0px; margin: 0px auto;  font-size: 16px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; margin-top: 16px; }

.button-link { display: block; text-align: center; margin: 15px auto; padding: 8px 0px; border: 1px solid #DDD; }
.button-link i { margin-right: 5px; }
.button-link.gray { background: #F8F8F8; }

/* Locations */
.locations { text-align: center; padding-bottom: 60px; }
.location { border-bottom: 1px solid #CCC; padding-bottom: 15px; }
.location.gray { background: #FCFCFC; }
.location-division { text-align: center; color: #FFF; font-size: 20px; font-weight: 700; border: 1px solid #111; border-left: 0px none; border-right: 0px none; background: #333; line-height: 40px; }
.location-division.first { border-top: 0px none; }
.location.last { border-bottom: 0px none; }
.location h3 { font-size: 20px; font-weight: 700; margin: 0px 0px 0px !important; padding-top: 15px; }
.location h4 { font-size: 18px; font-weight: 700; margin: 0px 0px 5px; }
.location p { font-size: 16px; line-height: 1.4em; }
.location span a { color: #e44146; font-weight: 700; }
.location-map { display: block; width: 40px; height: 40px; margin: 10px auto 0px; }

/* Accordion */
.accordion h2 { position: relative; font-size: 16px !important; text-align: left; font-weight: 700; background: #F9F9F9; border-bottom: 1px solid #DDD; margin: 0px; padding: 10px 0px; padding-left: 15px; }
.show-accordion { position: absolute; top: 8px; right: 10px; }
.show-accordion i { font-size: 22px; }

.directions-contact { display: block; padding-bottom: 10px; }

.spacer { height: 15px; }
.spacer.ten { height: 10px; }

/* FAQs */
.faqs { margin-top: 10px; }
.faqs h3 { display: block; position: relative; font-size: 14px; font-weight: 400; color: #333; padding: 5px 10px; padding-right: 23px; line-height: inherit; }
.faqs .faq:nth-child(odd) { background-color: #F2F2F2; }
.faqs h3:hover { cursor: pointer; }
.faqs h3 span.faq-num { border-right: 2px solid #FFF; padding-right: 10px; }
.faqs h3 span.spacer { width: 15px; }
.faqs h3 span.show-faq { display: block; position: absolute; top: 5px; right: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; padding-left: 10px; }
.faqs ul { background: #FFF; padding: 10px 15px; }
.faqs .faq:nth-child(even) ul { padding-top: 0px; }
.faqs p { background: #FFF; padding: 10px 15px; }
.faqs .faq:nth-child(even) p { padding-top: 0px; }

/* Fixes */
#mainpage { padding-bottom: 5px; min-height: 300px; font-size: 14px; }
#mainpage table { width: 100%; border-top: 1px solid #DDD; }
#mainpage table tbody tr td { vertical-align: top; }
#mainpage table tbody tr td table { margin-top: 10px; }
#mainpage h3 { padding: 10px 0px 8px 10px; margin: 0px !important; border-bottom: 1px solid #DDD; text-transform: uppercase; }
#mainpage h3 a { font-weight: normal; font-size: 14px; margin-left: 2px; }
#mainpage b { font-weight: 700; }
#mainpage div ul { list-style: disc; margin: 10px 0px; }
#mainpage div ul li { margin-left: 20px; }
#mainpage ul.list4 li { border-bottom: 1px solid #DDD; }
td.catcell:hover { cursor: pointer; }
.itemphonesmalllink { font-weight: normal; }
.itemphonesmall { margin-right: 5px; }
.itemmoresmall { margin-right: 5px; }
.itemimagesmall { margin: 0px 10px !important; }
#mobifiller { margin-top: 0px; }
span.itemtitlesmall h2 { font-size: 18px !important; }

/* badges */
li.app-badges { padding: 0px 20px !important; }
li.app-badges h2 { margin-bottom: 15px !important; }
li.app-badges ul li { position: relative; width: 100%; padding: 0px; margin: 0px 0px 10px; background: #FFF !important; }
li.app-badges ul li img { width: 100%; height: auto; }

/* H Tags */
h1, h2, h3 { font-family: 'Lora', serif; color: #333; font-weight: 500; line-height: 1; padding: 0px 0px 10px; text-transform: uppercase; }
h1 { font-size: 20px; margin-bottom: 15px; line-height: 1.2; text-align: center; }
h1.no-margin { margin-bottom: 0px; }
h2 { font-size: 20px; padding-bottom: 15px; }
h3 { font-size: 18px; }
h4 { font-weight: normal; font-size: 14px; }

img.network-icon { width: 50px; height: 50px; margin: 0px 5px; }
img.network-icon.first { margin-left: 0px; }
img.network-icon.last { margin-right: 0px; }


@media screen and (max-width : 768px) {
  .banner-button a { width: 92%; }
  ul.buttons li a { width: 92%; }
}