@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);

/* GENERAL */

html, body { box-sizing: border-box; width:100%; margin: 0px; padding: 0px; font-family:'Open Sans';}
*, *:before, *:after { box-sizing: inherit; }
section {  max-width: 900px; margin:auto; }
section > h2 {  display: none; }
img { max-width: 100%; }
h1,h2,h3 { font-weight: 400;}
h1 { font-size: 36px; }
h2 { font-size: 22px; }
h2 { font-size: 18px; }
textarea { width: 500px; border: 1px #999 solid; color: #111; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px; height: 90px;}
  
/* CUSTOM */

body { background: #000000; }
body, footer { color: #fff; }
a { color:#555555; }
a:visited, a:active, a:hover {  color: white; }

/* ADDTHIS */

footer { width: 100%; text-align: center; padding: 15px 0; margin: auto }
.addthis_toolbox { max-width: 370px; }
.addthis_button_google_plusone.at300b, #google_plusone_iframe_widget { width:30px !important;}
#socialShare span { background-color:transparent !important}
#socialShare > div { padding-top: 10px !important }

/* MEDIA QUERIES */

@media only screen and (min-width: 700px) {
    #socialShare { display: block; width: 72px; text-align: center; margin-top: -199px; position: fixed; top: 40%; right: 10px; z-index: 99; }
    #socialShare > img { position: relative; top: 12px; }
    #socialShare > div { padding: 0; background: #fff; border-radius: 5px; box-shadow: 2px 2px 4px #999; }
    #socialShare > div .social-icon { margin-bottom: 5px; }
    #socialShare > div .fb { margin-bottom: 10px; padding-right: 4px; }
}
@media only screen and (max-width: 700px) {
    #socialShare { display: none; } 
    textarea { width: calc(100% - 30px)}
}