responsive.styl

@media screen and (min-width:768px)
	header 
		h1
			font-size  2em
			margin  0.64em 0.9em

		#fondo_titulo
			width  31%

		nav
			display  inline-block
			vertical-align  top
			font-size  1.1em
			margin-top  1.7em
			width  9.5em

		figure
			right  1.35em

	#content
		column-count  2
		column-gap  0.6em
		-moz-column-count  2
		-moz-column-gap  0.6em
		-webkit-column-count  2
		-webkit-column-gap  0.6em


@media screen and (min-width:1280px)
	header 
		#fondo_titulo
			width  19%

	#content
		column-count  3
		-moz-column-count  3
		-webkit-column-count  3


@media screen and (min-width:1580px)
	header 
		h1
			font-size  2.2em
			margin  0.48em 0.94em

		#fondo_titulo
			width  17%

		figure
			right  1.9em

	#content
		column-count  4
		-moz-column-count  4
		-webkit-column-count  4

		.item .titulo h3
			margin  0 auto
			width  88%