//vars @import “colors”; @import “fonts”;

//elements @import “header”; @import “main”; @import “footer”;

//reset *{

margin: 0;
padding: 0;

}

body{

background: $branco;

}

h1, h2, h3{

font-family: $titulos;
text-transform: uppercase;
letter-spacing: 2px;
color: $primaria;

}

h1, h2{

font-size: 18px;

}

p{

font-family: $textos;
color: $secundaria;
font-size: 12px;
line-height: 1.625;

}

a{

color: $primaria;
transition: all .25s linear;
text-decoration: none;

}

a:hover{

color: $secundaria;

}

cite{

font-family: $textos;
font-style: normal;
color: $primaria;
margin: 20px 0 0;
display: block;
font-size: 12px;

}

//class .img-responsive{

width: 100%;

}

.author{

font-family: $especial;
color: $primaria;
font-weight: bold;

}

.content{

padding-left: 0;
padding-right: 0;

}

.fix{

position: fixed;
z-index: 999;
box-shadow: #000 0 -20px 35px;
transition: all .25s linear;

}

@media screen and (max-width: 1280px){

.content{
  padding-left: 5%;
  padding-right: 5%;
}

}

@media screen and (max-width: 1020px){

.sidebar{
  display: none;
}
.post-list{
  max-width: 700px;
  margin: 0 auto;
}
.post-list h1, .post-list cite{
  text-align: center;
}

}

@media screen and (max-width: 780px){

nav.menu li{
  margin: 0 20px;
}

}

@media screen and (max-width: 580px){

.categorias{
  display: none;
}
header.topo{
  padding: 20px 0;
}
nav.menu, .filter-drop-spacer, ::-webkit-scrollbar{
  display: none;
}
nav.menu-mobile{
  display: block;
}
.main{
  margin: 0 auto;
}

}

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

}