header .columns, header .row {padding: 0; }
h1, h2, h3, h3, h4, .panel.callout h3 {color: #063}
header h1, header h2, header h3 { margin:0;color: #063;}
header h1 {padding-top:1.2rem;}
.contain-to-grid, .top-bar, .top-bar a, .top-bar li.name  { background: #c69!important;font-size:1.4rem!important}
.top-bar a:hover { background: white!important;color:black!important}
header h3 {padding-bottom:2rem;}
.contain-to-grid, .top-bar, .top-bar a, .top-bar li.name  { background: #c69!important;}
header { background: white; color:black;}
footer { background: #c69; color:white;}
footer a { color:white; margin-right:20px; text-decoration:underline;}
footer a:hover { text-decoration:none; color:#fafafa}

header .row { background: white url(../imagens/sass-compass.png) 100% center / contain no-repeat;}
footer .row {padding:0.8rem 0;}
dl {font-size:1.1em;}
dt {font-weight:bold;margin:15px 0 5px 0;padding-top:5px;
border-top:1px solid #ccc;padding-top:5px;
border-top:1px solid #ccc;}
dd {margin:0!important;}
pre {margin: 0; display:inline;}
.erro {color: red;}
.certo {color: green;}
.panel.callout { background: #f6e3ec; border: 1px solid #e3acc7;}
ul, li {list-style:none; padding-left:0; margin-left:0;}
.button.tiny {
	width:12rem;
	margin:0.2rem 0;
	padding-top: 0.625rem;
	padding-right: 0;
	padding-bottom: 0.6875rem;
	padding-left: 0;
	font-size: 0.9rem; 
}
.button.radius {
	background:rgb(204,102,153);
}
.button.radius:hover {
	background:rgba(204,102,153,0.7);
}