@charset "UTF-8";

/*         __    __      
|_/ /\ |  /  \_//  \|\ | 
| \/--\|__\__ | \__/| \| 
*/

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; line-height:1.7; }
html, body { text-rendering:optimizeLegibility; } 
html { background:#efefef; }
body { color:#222; font-family:'Merriweather Sans', Helvetica, Arial, sans-serif; letter-spacing:-.025em; text-align:center; min-width:320px; line-height:1.5em; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 1px rgba(0,0,0,0.05); }
h1, h2, h3, h4, h5 { font-family:'Merriweather', Georgia, serif; }
h1 { background:url(/images/kalcyon-creative.png) center center no-repeat; background-size:contain; color:#36c; font-size:60px; font-weight:700; letter-spacing:3px; text-transform:uppercase; max-width:100%; height:180px; margin:10% auto 36px; text-indent:100%; white-space:nowrap; overflow:hidden; }
h1 span { font-size:36px; font-weight:700; position:relative; top:4px; }
h2 { font-size:24px; line-height:1em; max-width:600px; margin-bottom:12px; padding-right:20px; padding-left:20px; }
h2 span { color:#36c; }
h4 { font-weight:700; }
b { font-weight:700; }
em { font-style:italic; }
p { font-size:16px; max-width:600px; margin:24px auto; }
a { cursor:pointer; text-decoration:none; color:#36c; }
a:hover { color:#36c; }
i { margin:auto 5px; }
hr { max-width:600px; margin:24px auto; background:#777; color:#C1C1C1; border:none; height:1px; opacity:.5; }
.wrapper .inner { padding:0 20px; max-width:600px; margin:0 auto; }
.social { text-align:center; }
.social a { background:#36c; color:#efefef; font-size:18px; border:1px solid rgba(0, 33, 103, 0.1); border-radius:3px; width:80px; height:36px; display:inline-block; line-height:36px; margin-bottom:12px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-shadow:none; }
.social a:hover { background:#4080ff; color:#fff; box-shadow:0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); text-shadow:0 3px 0 rgba(0,0,0,.1); }
#facebook:hover { background:#3b5998; }
#twitter:hover { background:#55acee; }
#pinterest:hover { background:#bd081c; }
.contact a { display:inline-block; font-family:'Merriweather', Georgia, sans-serif; font-size:16px; }
.contact a:hover { color:#4080ff; }
.contact a:last-child { margin-bottom:0; }
.contact a i { color:#222; }
.site-info { font-size:14px; margin-top:84px; }

@media screen and (max-width:600px) { 
  .contact a { display:block; line-height:3em; }
  .social a { font-size:20px; }
}
@media screen and (min-width:600px) {
  h1 { max-width:500px; height:230px; }
}

@media screen and (min-width:767px) {
  h2 { margin-bottom:0; }
  .wrapper { background:#efefef url(/images/bg-noise.jpg) 0 0 repeat; position:absolute; top:0; left:0; width:100%; height:100%; }
  .xsep { margin:auto 20px; padding:0 20px; border-left:1px solid #777; }
  a[href*="tel"], a[href*="tel"]:hover { color:#222; cursor:text; }
}