@charset "UTF-8";
@font-face {
    font-family: SSSocialCircle;
    src: url(../fonts/ss-social-circle.eot);
    src: url(../fonts/ss-social-circle.eot?#iefix) format("embedded-opentype"), url(../fonts/ss-social-circle.woff) format("woff"), url(../fonts/ss-social-circle.ttf) format("truetype"), url(../fonts/ss-social-circle.svg#SSSocialCircle) format("svg");
    font-weight: 400;
    font-style: normal
}

html:hover [class^=ss-] {
    -ms-zoom: 1
}

.ss-icon, .ss-icon.ss-social-circle, [class*=" ss-"].right:after, [class*=" ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle:before, [class*=" ss-"]:before, [class^=ss-].right:after, [class^=ss-].ss-social-circle.right:after, [class^=ss-].ss-social-circle:before, [class^=ss-]:before {
    font-family: SSSocialCircle;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" ss-"].right:before, [class^=ss-].right:before {
    display: none;
    content: ''
}

.ss-facebook.right:after, .ss-facebook:before {
    content: ''
}

.ss-twitter.right:after, .ss-twitter:before {
    content: ''
}

.ss-googleplus.right:after, .ss-googleplus:before {
    content: ''
}

.ss-appdotnet.right:after, .ss-appdotnet:before {
    content: ''
}

.ss-ello.right:after, .ss-ello:before {
    content: ''
}

.ss-aboutme.right:after, .ss-aboutme:before {
    content: ''
}

.ss-vk.right:after, .ss-vk:before {
    content: ''
}

.ss-weibo.right:after, .ss-weibo:before {
    content: ''
}

.ss-linkedin.right:after, .ss-linkedin:before {
    content: ''
}

.ss-zerply.right:after, .ss-zerply:before {
    content: ''
}

.ss-xing.right:after, .ss-xing:before {
    content: ''
}

.ss-reddit.right:after, .ss-reddit:before {
    content: ''
}

.ss-steam.right:after, .ss-steam:before {
    content: ''
}

.ss-tumblr.right:after, .ss-tumblr:before {
    content: ''
}

.ss-wordpress.right:after, .ss-wordpress:before {
    content: ''
}

.ss-blogger.right:after, .ss-blogger:before {
    content: ''
}

.ss-quora.right:after, .ss-quora:before {
    content: ''
}

.ss-youtube.right:after, .ss-youtube:before {
    content: ''
}

.ss-vimeo.right:after, .ss-vimeo:before {
    content: ''
}

.ss-vine.right:after, .ss-vine:before {
    content: ''
}

.ss-letterboxd.right:after, .ss-letterboxd:before {
    content: ''
}

.ss-flickr.right:after, .ss-flickr:before {
    content: ''
}

.ss-instagram.right:after, .ss-instagram:before {
    content: ''
}

.ss-vscogrid.right:after, .ss-vscogrid:before {
    content: ''
}

.ss-feedly.right:after, .ss-feedly:before {
    content: ''
}

.ss-pinterest.right:after, .ss-pinterest:before {
    content: ''
}

.ss-dropbox.right:after, .ss-dropbox:before {
    content: ''
}

.ss-pinboard.right:after, .ss-pinboard:before {
    content: ''
}

.ss-delicious.right:after, .ss-delicious:before {
    content: ''
}

.ss-dribbble.right:after, .ss-dribbble:before {
    content: ''
}

.ss-behance.right:after, .ss-behance:before {
    content: ''
}

.ss-github.right:after, .ss-github:before {
    content: ''
}

.ss-bitbucket.right:after, .ss-bitbucket:before {
    content: ''
}

.ss-stackoverflow.right:after, .ss-stackoverflow:before {
    content: ''
}

.ss-stackexchange.right:after, .ss-stackexchange:before {
    content: ''
}

.ss-codepen.right:after, .ss-codepen:before {
    content: ''
}

.ss-jsfiddle.right:after, .ss-jsfiddle:before {
    content: ''
}

.ss-paypal.right:after, .ss-paypal:before {
    content: ''
}

.ss-shopify.right:after, .ss-shopify:before {
    content: ''
}

.ss-kickstarter.right:after, .ss-kickstarter:before {
    content: ''
}

.ss-etsy.right:after, .ss-etsy:before {
    content: ''
}

.ss-foursquare.right:after, .ss-foursquare:before {
    content: ''
}

.ss-swarm.right:after, .ss-swarm:before {
    content: ''
}

.ss-yelp.right:after, .ss-yelp:before {
    content: ''
}

.ss-skype.right:after, .ss-skype:before {
    content: ''
}

.ss-whatsapp.right:after, .ss-whatsapp:before {
    content: ''
}

.ss-rdio.right:after, .ss-rdio:before {
    content: ''
}

.ss-spotify.right:after, .ss-spotify:before {
    content: ''
}

.ss-lastfm.right:after, .ss-lastfm:before {
    content: ''
}

.ss-soundcloud.right:after, .ss-soundcloud:before {
    content: ''
}

.ss-appstore.right:after, .ss-appstore:before {
    content: ''
}

.ss-googleplay.right:after, .ss-googleplay:before {
    content: ''
}

.ss-appleinc.right:after, .ss-appleinc:before {
    content: ''
}

.ss-microsoft.right:after, .ss-microsoft:before {
    content: ''
}

.ss-windows.right:after, .ss-windows:before {
    content: ''
}

.ss-android.right:after, .ss-android:before {
    content: ''
}

.ss-blackberry.right:after, .ss-blackberry:before {
    content: ''
}

.ss-link.right:after, .ss-link:before {
    content: '🔗'
}

.ss-phone.right:after, .ss-phone:before {
    content: '📞'
}

.ss-mail.right:after, .ss-mail:before {
    content: '✉'
}

.ss-like.right:after, .ss-like:before {
    content: '👍'
}

.ss-rss.right:after, .ss-rss:before {
    content: ''
}

.ss-share.right:after, .ss-share:before {
    content: ''
}

.ss-fivehundredpx.right:after, .ss-fivehundredpx:before {
    content: ''
}

.ss-octocat.right:after, .ss-octocat:before {
    content: ''
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl,
dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4,
h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li,
main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section,
small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot,
th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

a:active, a:hover {
    outline: 0
}

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

body, html {
    height: 100%
}

body {
    display: table;
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.04em;
    line-height: 2.5;
    color: #000
}

.hero-unit {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 20px;
}

a {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.01em;
    line-height: 1.25;
    color: #000;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

p {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.85;
}

p+p {
    display: inline-block;
    width: 50%;
    font-size: 1.3em;
    line-height: 1;
    letter-spacing: 0px;
    max-width: 1200px;
}

p+p+p {
    display: inline-block;
    font-size: 1em;
    line-height: .2;
    letter-spacing: 0px;
    max-width: 1200px;
}

@media (min-width:250px){
    p {
        font-size: 1.25em;
    }
    p+p {
        font-size: 1em;
    }    
}

@media (min-width:400px) {
    p {
        font-size: 1.75em;
    }
}

@media (min-width:768px) {
    p {
        font-size: 3.2em;
    }
    p+p {
        font-size: 1.4em;
    }
}

img {
    width: 90%;
    max-width: 560px;
}

@media only screen and (max-width:500px), only screen and (min-device-width:768px) and (max-device-width:1020px) {
    .bottom, .left, .right, .top {
        display: none
    }
}

.social li {
    display: inline-block;
    margin: 15px 10px
}

.social li a {
    display: block;
    font-family: SSSocialCircle;
    font-size: 2em;
    color: #000;
    text-decoration: none
}

.social li a:hover {
    text-decoration: none
}



#top {
 top: 0;
}
#bottom {
 bottom: 0;
}
#left {
 left: 0;
}
#right {
 right: 0;
}
#topleft {
 top: 0;
 left: 0;
}
#topright {
 top: 0;
 right: 0;
}
 #bottomleft {
 bottom: 0;
 left: 0;
}
 #bottomright {
 bottom: 0;
 right: 0;
}