@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);

body {

font:16px "Helvetica Neue", Helvetica, Arial, sans-serif;

color:#343434;;

font-weight:300;

}

h1, h2, h3, h4, h5, h6 {

color:#343434;

margin:0 0 20px;

}

p, ul, ol, table, pre, dl {

margin:0 0 20px;

}

h1, h2, h3, h5 {

line-height:1.1;

text-transform: uppercase;

}

h1 {

font-size:28px;

}

h2 {

color:#343434;

}

h3, h4, h5, h6 {

color:#343434;

}

a {

color:#39c;

text-decoration:none;

outline: 0;

font-weight: bold;

}

a:hover {

color:#069;

}

a small {

font-size:11px;

color:#777;

margin-top:-0.6em;

display:block;

}

a:hover small {

color:#777;

}

blockquote {

border-left:1px solid #e5e5e5;

margin:0;

padding:0 0 0 20px;

font-style:italic;

}

code, pre {

font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;

color:#333;

font-size:12px;

}

pre {

padding:8px 15px;

background: #f8f8f8;

border-radius:5px;

border:1px solid #e5e5e5;

overflow-x: auto;

}

table {

width:100%;

border-collapse:collapse;

}

th, td {

text-align:left;

padding:5px 10px;

border-bottom:1px solid #e5e5e5;

}

dt {

color:#444;

font-weight:700;

}

th {

color:#444;

}

img {

max-width:100%;

}

strong {

color: #494949;;

font-weight:700;

}

article h2 a{

color: #494949;

}

small {

font-size:11px;

}

hr {

border:0;

background:#e5e5e5;

height:1px;

margin:0 0 20px;

}

.wrapper {

margin: 0 auto;

padding: 30px 0;

width: 800px;

}

.wrapper .home {

margin: 0 auto;

width: 700px;

}

.wrapper .home p{

text-align: center

}

header {

width:100%;

text-align: center;

}

header h2 {

margin: 0;

padding: 0;

text-transform: none;

text-align: center;

font-size: 25px;

}

header h2 a {

color:#fff;

}

header ul {

text-align: center;

padding: 0;

list-style:none;

margin-top: 50px;

}

header ul li {

list-style: none; display: inline-block;

}

header ul li a {

font-weight: bold;

padding: 0 10px 0 0;

color: #fff;

text-transform: uppercase;

}

header p{

font-style: italic;

}

header img {

overflow: hidden;

transition-duration: 1.5s;

transition-property: transform;

-moz-border-radius: 60px;

-webkit-border-radius: 60px;

border-radius: 60px;

}

header img:hover {

transform: rotate(360deg);

transform:rotate(360deg);

-ms-transform:rotate(360deg); /* IE 9 */

-webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */

}

section {

padding: 1em 0;

}

footer {

width:100%;

text-align: center;

margin-top: 50px;

}

footer ul#social {

text-align: center;

padding: 0;

list-style:none;

}

footer ul#social li {

list-style: none; display: inline-block;

}

footer ul#social a {

display: inline-block;

margin-right: 12px;

height: 30px;

width: 30px;

text-indent: -9999em;

}

footer ul#social #github {

background:url("../../assets/images/social.png") -96px 0;

}

footer ul#social #twitter {

background:url("../../assets/images/social.png") 0 0;

}

footer ul#social #email {

background:url("../../assets/images/social.png") 64px 0;

}

.btn, .share {

padding: 8px 30px;

background-color: #222;

color: #fff;

text-transform: uppercase;

cursor: pointer;

}

.btn:hover, .share:hover {

color: #eaeaea!important;

}

.share {

font-size: 11px;

padding: 3px 10px;

}

#madruga{

display: none;

position: absolute;

bottom: 0;

right: 0;

}

@media print, screen and (max-width: 960px) {

header, section, footer {

float:none;

position:static;

width:auto;

}

header {

padding-right:320px;

}

section {

margin:0 0 20px;

}

header a small {

display:inline;

}

header ul {

position:absolute;

right:50px;

top:52px;

}

.wrapper {

width:100%;

margin:0;

padding: 0 2em;

}

}

@media print, screen and (max-width: 720px) {

body {

word-wrap:break-word;

}

header {

padding:0;

}

header ul, header p.view {

position:static;

}

pre, code {

word-wrap:normal;

}

}

@media print, screen and (max-width: 480px) {

body {

padding:15px;

}

header p {

display:none;

}

section {

border:1px solid #e5e5e5;

border-width:1px 0;

}

section article.list {

margin-bottom: 40px;

}

.wrapper {

padding: 0

}

.wrapper .home {

width: 100%;

margin: 0;

}

.share {

width: 50%;

display: inherit;

margin-bottom: 5px;

text-align: center;

}

}

@media print {

body {

padding:0.4in;

font-size:12pt;

color:#444;

}

}