/*
$column-width: 64px; 
$gutter-width: 40px; 
$grid-padding: 40px;
*/
/* SIZING */
/* COLORS */
/* MIXINS */
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;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: 'Fontin Bold';
  font-weight: bold;
  src: url("fonts/Fontin-Bold.woff") format("woff"), url("fonts/Fontin-Bold.otf") format("opentype"), url("fonts/Fontin-Bold.svg#Fontin-Bold") format("svg"); }
@font-face {
  font-family: 'Fontin Sans Bold';
  font-weight: bold;
  src: url("fonts/FontinSans-Bold.woff") format("woff"), url("fonts/FontinSans-Bold.otf") format("opentype"), url("fonts/FontinSans-Bold.svg#FontinSans-Bold") format("svg"); }
@font-face {
  font-family: 'Fontin Sans Roman';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/FontinSans-Roman.woff") format("woff"), url("fonts/FontinSans-Roman.otf") format("opentype"), url("fonts/FontinSans-Roman.svg#FontinSans-Regular") format("svg"); }
@font-face {
  font-family: "JustVector";
  src: url(/styles/fonts/JustVector_befc36341d9795c51945d4d132517a7a.eot);
  src: url(/styles/fonts/JustVector_befc36341d9795c51945d4d132517a7a.eot?#iefix) format("embedded-opentype"), url(/styles/fonts/JustVector_befc36341d9795c51945d4d132517a7a.woff) format("woff"), url(/styles/fonts/JustVector_befc36341d9795c51945d4d132517a7a.ttf) format("truetype"), url(/styles/fonts/JustVector_befc36341d9795c51945d4d132517a7a.svg#JustVector) format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "JustVector";
    src: url(/styles/fonts/JustVector_befc36341d9795c51945d4d132517a7a.svg#JustVector) format("svg"); } }
[data-icon]:before {
  content: attr(data-icon); }

[data-icon]:before,
.jv-aim:before,
.jv-aim_alt:before,
.jv-amazon:before,
.jv-app_store:before,
.jv-apple:before,
.jv-arto:before,
.jv-aws:before,
.jv-baidu:before,
.jv-basecamp:before,
.jv-bebo:before,
.jv-behance:before,
.jv-bing:before,
.jv-blip:before,
.jv-blogger:before,
.jv-bnter:before,
.jv-brightkite:before,
.jv-cinch:before,
.jv-cloudapp:before,
.jv-coroflot:before,
.jv-creative_commons:before,
.jv-dailybooth:before,
.jv-delicious:before,
.jv-designbump:before,
.jv-designfloat:before,
.jv-designmoo:before,
.jv-deviantart:before,
.jv-digg:before,
.jv-digg_alt:before,
.jv-diigo:before,
.jv-dribbble:before,
.jv-dropbox:before,
.jv-drupal:before,
.jv-dzone:before,
.jv-ebay:before,
.jv-ember:before,
.jv-etsy:before,
.jv-evernote:before,
.jv-facebook:before,
.jv-facebook_alt:before,
.jv-facebook_places:before,
.jv-facto-me:before,
.jv-feedburner:before,
.jv-flickr:before,
.jv-folkd:before,
.jv-formspring:before,
.jv-forrst:before,
.jv-foursquare:before,
.jv-friendfeed:before,
.jv-friendster:before,
.jv-gdgt:before,
.jv-github:before,
.jv-github_alt:before,
.jv-goodreads:before,
.jv-google:before,
.jv-google_buzz:before,
.jv-google_talk:before,
.jv-gowalla:before,
.jv-gowalla_alt:before,
.jv-grooveshark:before,
.jv-hacker_news:before,
.jv-hype_machine:before,
.jv-hyves:before,
.jv-icq:before,
.jv-identi-ca:before,
.jv-instapaper:before,
.jv-itunes:before,
.jv-kik:before,
.jv-krop:before,
.jv-last-fm:before,
.jv-linkedin:before,
.jv-linkedin_alt:before,
.jv-livejournal:before,
.jv-lovedsgn:before,
.jv-meetup:before,
.jv-metacafe:before,
.jv-ming:before,
.jv-mister_wong:before,
.jv-mixx:before,
.jv-mixx_alt:before,
.jv-mobileme:before,
.jv-msn_messenger:before,
.jv-myspace:before,
.jv-myspace_alt:before,
.jv-newsvine:before,
.jv-official-fm:before,
.jv-openid:before,
.jv-orkut:before,
.jv-pandora:before,
.jv-path:before,
.jv-paypal:before,
.jv-photobucket:before,
.jv-picasa:before,
.jv-picassa:before,
.jv-pinboard-in:before,
.jv-ping:before,
.jv-pingchat:before,
.jv-playstation:before,
.jv-plixi:before,
.jv-plurk:before,
.jv-podcast:before,
.jv-posterous:before,
.jv-qik:before,
.jv-quik:before,
.jv-quora:before,
.jv-rdio:before,
.jv-readernaut:before,
.jv-reddit:before,
.jv-retweet:before,
.jv-robo-to:before,
.jv-rss:before,
.jv-scribd:before,
.jv-sharethis:before,
.jv-simplenote:before,
.jv-skype:before,
.jv-slashdot:before,
.jv-slideshare:before,
.jv-smugmug:before,
.jv-soundcloud:before,
.jv-spotify:before,
.jv-squarespace:before,
.jv-squidoo:before,
.jv-steam:before,
.jv-stumbleupon:before,
.jv-technorati:before,
.jv-threewords-me:before,
.jv-tribe-net:before,
.jv-tripit:before,
.jv-tumblr:before,
.jv-twitter:before,
.jv-twitter_alt:before,
.jv-vcard:before,
.jv-viddler:before,
.jv-vimeo:before,
.jv-virb:before,
.jv-w3:before,
.jv-whatsapp:before,
.jv-wikipedia:before,
.jv-windows:before,
.jv-wists:before,
.jv-wordpress:before,
.jv-wordpress_alt:before,
.jv-xing:before,
.jv-yahoo-:before,
.jv-yahoo-_buzz:before,
.jv-yahoo-_messenger:before,
.jv-yelp:before,
.jv-youtube:before,
.jv-youtube_alt:before,
.jv-zerply:before,
.jv-zootool:before,
.jv-zynga:before {
  display: inline-block;
  font-family: "JustVector";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.jv-aim:before {
  content: "\f100"; }

.jv-aim_alt:before {
  content: "\f101"; }

.jv-amazon:before {
  content: "\f102"; }

.jv-app_store:before {
  content: "\f103"; }

.jv-apple:before {
  content: "\f104"; }

.jv-arto:before {
  content: "\f105"; }

.jv-aws:before {
  content: "\f106"; }

.jv-baidu:before {
  content: "\f107"; }

.jv-basecamp:before {
  content: "\f108"; }

.jv-bebo:before {
  content: "\f109"; }

.jv-behance:before {
  content: "\f10a"; }

.jv-bing:before {
  content: "\f10b"; }

.jv-blip:before {
  content: "\f10c"; }

.jv-blogger:before {
  content: "\f10d"; }

.jv-bnter:before {
  content: "\f10e"; }

.jv-brightkite:before {
  content: "\f10f"; }

.jv-cinch:before {
  content: "\f110"; }

.jv-cloudapp:before {
  content: "\f111"; }

.jv-coroflot:before {
  content: "\f112"; }

.jv-creative_commons:before {
  content: "\f113"; }

.jv-dailybooth:before {
  content: "\f114"; }

.jv-delicious:before {
  content: "\f115"; }

.jv-designbump:before {
  content: "\f116"; }

.jv-designfloat:before {
  content: "\f117"; }

.jv-designmoo:before {
  content: "\f118"; }

.jv-deviantart:before {
  content: "\f119"; }

.jv-digg:before {
  content: "\f11a"; }

.jv-digg_alt:before {
  content: "\f11b"; }

.jv-diigo:before {
  content: "\f11c"; }

.jv-dribbble:before {
  content: "\f11d"; }

.jv-dropbox:before {
  content: "\f11e"; }

.jv-drupal:before {
  content: "\f11f"; }

.jv-dzone:before {
  content: "\f120"; }

.jv-ebay:before {
  content: "\f121"; }

.jv-ember:before {
  content: "\f122"; }

.jv-etsy:before {
  content: "\f123"; }

.jv-evernote:before {
  content: "\f124"; }

.jv-facebook:before {
  content: "\f125"; }

.jv-facebook_alt:before {
  content: "\f126"; }

.jv-facebook_places:before {
  content: "\f127"; }

.jv-facto-me:before {
  content: "\f128"; }

.jv-feedburner:before {
  content: "\f129"; }

.jv-flickr:before {
  content: "\f12a"; }

.jv-folkd:before {
  content: "\f12b"; }

.jv-formspring:before {
  content: "\f12c"; }

.jv-forrst:before {
  content: "\f12d"; }

.jv-foursquare:before {
  content: "\f12e"; }

.jv-friendfeed:before {
  content: "\f12f"; }

.jv-friendster:before {
  content: "\f130"; }

.jv-gdgt:before {
  content: "\f131"; }

.jv-github:before {
  content: "\f132"; }

.jv-github_alt:before {
  content: "\f133"; }

.jv-goodreads:before {
  content: "\f134"; }

.jv-google:before {
  content: "\f135"; }

.jv-google_buzz:before {
  content: "\f136"; }

.jv-google_talk:before {
  content: "\f137"; }

.jv-gowalla:before {
  content: "\f138"; }

.jv-gowalla_alt:before {
  content: "\f139"; }

.jv-grooveshark:before {
  content: "\f13a"; }

.jv-hacker_news:before {
  content: "\f13b"; }

.jv-hype_machine:before {
  content: "\f13d"; }

.jv-hyves:before {
  content: "\f13e"; }

.jv-icq:before {
  content: "\f13f"; }

.jv-identi-ca:before {
  content: "\f140"; }

.jv-instapaper:before {
  content: "\f141"; }

.jv-itunes:before {
  content: "\f142"; }

.jv-kik:before {
  content: "\f143"; }

.jv-krop:before {
  content: "\f144"; }

.jv-last-fm:before {
  content: "\f145"; }

.jv-linkedin:before {
  content: "\f146"; }

.jv-linkedin_alt:before {
  content: "\f147"; }

.jv-livejournal:before {
  content: "\f148"; }

.jv-lovedsgn:before {
  content: "\f149"; }

.jv-meetup:before {
  content: "\f14a"; }

.jv-metacafe:before {
  content: "\f14b"; }

.jv-ming:before {
  content: "\f14c"; }

.jv-mister_wong:before {
  content: "\f14d"; }

.jv-mixx:before {
  content: "\f14e"; }

.jv-mixx_alt:before {
  content: "\f14f"; }

.jv-mobileme:before {
  content: "\f150"; }

.jv-msn_messenger:before {
  content: "\f151"; }

.jv-myspace:before {
  content: "\f152"; }

.jv-myspace_alt:before {
  content: "\f153"; }

.jv-newsvine:before {
  content: "\f154"; }

.jv-official-fm:before {
  content: "\f155"; }

.jv-openid:before {
  content: "\f156"; }

.jv-orkut:before {
  content: "\f157"; }

.jv-pandora:before {
  content: "\f158"; }

.jv-path:before {
  content: "\f159"; }

.jv-paypal:before {
  content: "\f15a"; }

.jv-photobucket:before {
  content: "\f15b"; }

.jv-picasa:before {
  content: "\f15c"; }

.jv-picassa:before {
  content: "\f15d"; }

.jv-pinboard-in:before {
  content: "\f15e"; }

.jv-ping:before {
  content: "\f15f"; }

.jv-pingchat:before {
  content: "\f160"; }

.jv-playstation:before {
  content: "\f161"; }

.jv-plixi:before {
  content: "\f162"; }

.jv-plurk:before {
  content: "\f163"; }

.jv-podcast:before {
  content: "\f164"; }

.jv-posterous:before {
  content: "\f165"; }

.jv-qik:before {
  content: "\f166"; }

.jv-quik:before {
  content: "\f167"; }

.jv-quora:before {
  content: "\f168"; }

.jv-rdio:before {
  content: "\f169"; }

.jv-readernaut:before {
  content: "\f16a"; }

.jv-reddit:before {
  content: "\f16b"; }

.jv-retweet:before {
  content: "\f16c"; }

.jv-robo-to:before {
  content: "\f16d"; }

.jv-rss:before {
  content: "\f16e"; }

.jv-scribd:before {
  content: "\f16f"; }

.jv-sharethis:before {
  content: "\f170"; }

.jv-simplenote:before {
  content: "\f171"; }

.jv-skype:before {
  content: "\f172"; }

.jv-slashdot:before {
  content: "\f173"; }

.jv-slideshare:before {
  content: "\f174"; }

.jv-smugmug:before {
  content: "\f175"; }

.jv-soundcloud:before {
  content: "\f176"; }

.jv-spotify:before {
  content: "\f177"; }

.jv-squarespace:before {
  content: "\f178"; }

.jv-squidoo:before {
  content: "\f179"; }

.jv-steam:before {
  content: "\f17a"; }

.jv-stumbleupon:before {
  content: "\f17b"; }

.jv-technorati:before {
  content: "\f17c"; }

.jv-threewords-me:before {
  content: "\f17d"; }

.jv-tribe-net:before {
  content: "\f17e"; }

.jv-tripit:before {
  content: "\f17f"; }

.jv-tumblr:before {
  content: "\f180"; }

.jv-twitter:before {
  content: "\f181"; }

.jv-twitter_alt:before {
  content: "\f182"; }

.jv-vcard:before {
  content: "\f183"; }

.jv-viddler:before {
  content: "\f184"; }

.jv-vimeo:before {
  content: "\f185"; }

.jv-virb:before {
  content: "\f186"; }

.jv-w3:before {
  content: "\f187"; }

.jv-whatsapp:before {
  content: "\f188"; }

.jv-wikipedia:before {
  content: "\f189"; }

.jv-windows:before {
  content: "\f18a"; }

.jv-wists:before {
  content: "\f18b"; }

.jv-wordpress:before {
  content: "\f18c"; }

.jv-wordpress_alt:before {
  content: "\f18d"; }

.jv-xing:before {
  content: "\f18e"; }

.jv-yahoo-:before {
  content: "\f18f"; }

.jv-yahoo-_buzz:before {
  content: "\f190"; }

.jv-yahoo-_messenger:before {
  content: "\f191"; }

.jv-yelp:before {
  content: "\f192"; }

.jv-youtube:before {
  content: "\f193"; }

.jv-youtube_alt:before {
  content: "\f194"; }

.jv-zerply:before {
  content: "\f195"; }

.jv-zootool:before {
  content: "\f196"; }

.jv-zynga:before {
  content: "\f197"; }

.midnight, .byte {
  font-family: "Fontin Bold", sans-serif; }

.midnight {
  font-size: 64.029px; }

.byte {
  fill: #fff; }

input, textarea, button {
  display: block;
  font-size: 1em;
  font-family: "Fontin Sans Roman", sans-serif; }

input, textarea {
  width: 100%;
  clear: both;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 0;
  box-sizing: border-box; }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #256bca; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #256bca; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #256bca; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #256bca; }
  input:focus, textarea:focus {
    border-color: #256bca;
    outline: none; }
    input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
      color: #f0f0f0; }
    input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
      color: #f0f0f0; }
    input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
      color: #f0f0f0; }
    input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
      color: #f0f0f0; }

input {
  border-top: none;
  border-left: none;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; }

textarea {
  height: 200px;
  border: 1px solid #000;
  -webkit-appearance: none; }

.alert {
  text-align: center;
  background-color: #DA9435;
  padding: 5px;
  margin-bottom: 20px;
  border: 2px solid #ae762a;
  border-radius: 5px; }

.nice {
  color: #fff;
  background-color: #256bca;
  border-color: #1e56a2; }

/* STANDARDS */
html,
body {
  height: 100%;
  padding: 0;
  margin: 0; }

.hiddenm {
  display: none; }

::-moz-selection {
  background: #256bca;
  color: #fff; }

::selection {
  background: #256bca;
  color: #fff; }

div, img {
  overflow: hidden;
  display: block; }

hr {
  height: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #256bca; }

.bgcontainer, .welcome {
  text-shadow: 1px 1px 1px black; }

.bgcontainer {
  color: #fff;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden; }
  .bgcontainer p {
    padding-bottom: 0; }

.bgcontainer picture img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

#smartphone picture img {
  -o-object-position: 100% 50%;
     object-position: 100% 50%; }

#onsite picture img {
  -o-object-position: 100% 50%;
     object-position: 100% 50%; }

#web picture img {
  -o-object-position: 0 0;
     object-position: 0 0; }

header a, nav a, footer a {
  color: #fff !important;
  text-decoration: underline; }

a, .onsite, .web, .devices, .home {
  text-decoration: none;
  color: #256bca;
  cursor: pointer; }

button, p.button a {
  font-family: "Fontin Bold";
  font-size: 18px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 10px;
  background-color: #256bca;
  border-radius: 5px;
  border: 1px solid #256bca;
  box-sizing: border-box; }
  button:hover, p.button a:hover {
    text-decoration: none; }
  button:active, p.button a:active {
    color: #256bca;
    background-color: #fff; }

p.button, .topicprice p.button {
  text-align: center; }

.headerbg {
  background-image: url("/images/home/hfbg.jpg");
  background-position: center center;
  background-size: cover; }

a:hover, .onsite:hover, .repair:hover, .networking:hover, .web:hover, .devices:hover, .link:hover {
  text-decoration: underline; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

#zipcode {
  display: inline-block;
  width: 50%;
  margin-right: 10px; }

section {
  position: relative;
  background-color: #fff;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.12157); }

section:first-child {
  box-shadow: none; }

#homeC {
  display: block; }

h1, h2, h3 {
  font-family: "Fontin Bold", serif;
  font-weight: bold;
  margin-bottom: 20px; }

h1 {
  font-size: 25px;
  line-height: 28px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 18px; }

p {
  padding-bottom: 20px; }
  p:last-child {
    margin: 0; }

.empty {
  height: 51px;
  display: none; }

header, nav {
  padding: 0 40px; }

/* Mobile First */
.row.services {
  padding-bottom: 0; }

.row {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 20px; }
  .row:after {
    content: " ";
    display: block;
    clear: both; }

.row + .row {
  border-top: 2px solid #000; }

.disclaimer {
  font-size: 12px;
  color: #a6a6a6; }

.contact {
  padding-bottom: 0; }

#home .service {
  display: none; }

#welcomehome {
  display: block;
  margin-bottom: 40px; }
  #welcomehome p {
    padding: 0; }

.welcome {
  display: none; }

svg {
  display: block; }

.logo, .logo:hover {
  text-decoration: none; }

.social {
  font-size: 24px; }

.twitter-mention-button {
  margin-top: 2px; }

body {
  font-family: "Fontin Sans Roman", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
  background-color: #000; }
  body header {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    body header:after {
      content: " ";
      display: block;
      clear: both; }
    body header .welcome, body header .title {
      padding: 40px 0;
      color: #fff; }
    body header .welcome {
      font-size: 18px;
      text-align: left; }
  body nav {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    z-index: 9;
    font-size: 1.5em;
    padding-bottom: 40px; }
    body nav #menuicon {
      color: #fff;
      text-align: right;
      padding: 10px 0;
      cursor: pointer; }
    body nav ul li {
      color: #fff;
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px dotted white; }
      body nav ul li:last-child {
        border: 0;
        padding: 0;
        margin: 0; }
  body .service {
    margin-bottom: 40px; }
    body .service img {
      width: 100%;
      height: auto;
      border-radius: 5px;
      margin-bottom: 20px; }
  body .service:last-child p.button {
    padding: 0; }
  body footer {
    color: #fff;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-family: "Fontin Sans Roman", "Lucida Grande", Verdana, Arial, sans-serif; }
  body .copy {
    width: 100%;
    padding-top: 20px;
    text-align: center;
    letter-spacing: 2px;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #f0f0f0;
    box-sizing: border-box; }

/* Computer Base Layout */
@media (min-width: 584px) {
  nav {
    display: none; }

  #welcomehome {
    display: none;
    width: 0;
    height: 0; }

  .welcome, #home .service {
    display: block; }

  .hiddenc {
    display: none; }

  .hiddenm {
    display: inline-block; }

  .row {
    padding: 40px 40px; }

  p.button {
    text-align: left;
    padding: 0; }

  .disclaimer {
    padding-bottom: 0; }

  body {
    line-height: 24px; }
    body ul {
      height: auto;
      margin: 0px auto; }
      body ul li {
        float: left;
        padding: 10px 10px;
        border-left-color: #c7c7c7;
        border-left-style: solid;
        border-left-width: 1px;
        top: 10px;
        line-height: 11px;
        display: inline;
        cursor: pointer;
        font-size: 18px;
        font-family: "Fontin Sans Bold", Helvetica, Verdana, Arial, sans-serif;
        font-weight: bold; }
        body ul li:first-child {
          border-style: none; }
    body #menuicon {
      display: none; }
    body .service p {
      margin: 0; }
    body footer .service {
      margin-bottom: 20px; }
      body footer .service h3 {
        color: #fff; }

  .contact {
    width: 30.43478%;
    float: left;
    margin-right: 4.34783%;
    padding-left: 34.78261%;
    text-align: center; } }
@media (min-width: 657px) {
  .topicprice {
    text-align: center;
    width: 30.43478%;
    float: left;
    margin-right: 4.34783%;
    padding-left: 34.78261%;
    padding-right: 34.78261%; }

  #pricechart {
    width: 47.82609%;
    float: right;
    margin-right: 0; } }
/* 2 Column Layout */
@media (min-width: 657px) and (max-width: 819px) {
  body header .welcome {
    padding-top: 40px;
    color: #fff; }
    body header .welcome h1 {
      display: block; }
  body .row .topic {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%; }
  body .row .service {
    width: 47.82609%;
    float: left; }
    body .row .service:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    body .row .service:nth-child(2n + 2) {
      margin-left: 52.17391%;
      margin-right: -100%;
      clear: none; } }
/* 3 Column Laoyout */
@media (min-width: 820px) {
  body {
    line-height: 24px; }
    body header .title {
      width: 65.21739%;
      float: left;
      margin-right: 4.34783%; }
    body header .welcome {
      width: 30.43478%;
      float: right;
      margin-right: 0; }
      body header .welcome h1 {
        display: block; }
    body .row .topic {
      width: 65.21739%;
      float: left;
      margin-right: 4.34783%; }
    body .row .service {
      width: 30.43478%;
      float: left; }
      body .row .service:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      body .row .service:nth-child(3n + 2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none; }
      body .row .service:nth-child(3n + 3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none; } }