@charset "UTF-8";
/* CSS Document */

/* mobile */
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: black;
	line-height: 1.1em;
	text-transform: lowercase;
}

a:link { text-decoration: underline; font-weight: normal; color: #000; }
a:active { text-decoration: underline; font-weight: normal; color: #000; }
a:visited { text-decoration: underline; font-weight: normal; color: #000; }
a:hover { text-decoration: underline; font-weight: normal; color: #000; }

header { 
	width: 100%; 
	height: auto; 
	margin-top: 16px;
}

section p, figure p, p { width: auto; }

img { max-width: 100%; height: auto; }

.imgdesktop { display: none; }

section { margin-left: 16px; padding-bottom: 16px; }

figure { margin-left: 16px; }

/* desktop */
@media only screen and (min-width: 768px) {
	
	body {
		font-size: 13px;
		line-height: 1.1em;
	}

	header { max-width: 100%; }
	
	img { max-width: 100%; height: auto; }
	
	.logo { width: 67%; }
	.imgmobile { display: none; }
	.imgdesktop { display: block; }
	
	/* coluna texto */
	section { 
		float: left;
		width: 200px;
	}

	/* coluna img */
	figure { 
		float: left;
		padding-left: 16px;
	}

}