@media screen and (max-width: 2000px) {
	section { font-size:2em }
	footer { font-size:1em }
}

@media screen and (max-width: 1600px) {
	section { font-size:1.5em }
	footer { font-size:0.8em }
}

@media screen and (max-width: 1200px) {
	section { font-size:1.2em }
	footer { font-size:0.6em }
}

@media screen and (max-width: 1140px) {
	section { font-size:1em }
	footer { font-size:0.5em }
}

@media screen and (max-width: 1024px) {
	section { font-size:1em }
	footer { font-size:0.5em }
}

@media screen and (max-width: 980px) {
	section { font-size:1em }
	footer { font-size:0.5em }
}

@media screen and (max-width: 768px) {
	section { font-size:1em; display:block }
	footer { font-size:0.5em }
}

@media screen and (max-width: 640px) {
	body { font-size:24px; background:#004641 }
	section { font-size:1em; height:auto; min-height:65vh }
	footer { font-size:0.5em; height:auto; padding-bottom:15px }
	#graph .hora span:nth-child(odd) { display:none }
	
	.bg { background:#004641; }
	.group { display:block }
	.col { display:block }
	.padd { margin:40px 0 }
	#slide { margin:0 }
	header { position:relative; height:150px }
	header .col { display:inline-block; width:48% }
	header .col:first-child { text-align:left }
	header .col:last-child { text-align:right }
	header .grid6 { position:absolute; left:0; top:90px; width:100% }
	.co2 { background-size:100%; background-position:center }
	.odometro { height:150px; background-size:contain }
	.graph { height:70vh }
	.graph h2 { top:-20px }
	.graph .padd { margin:10px 0 }
	#graph .hora { top:-35px; padding:15px 0 }
	.s0 img { max-width:50%; margin-bottom:20px }
	.s2 { position:relative; top:-50px }
	.s2 br { display:none }
	.s2 img { max-width:40% }
	.s5 img { max-width:30% }
	.s6, .s7, .s8 { font-size:1em }
	.s6 img, .s7 img, .s8 img, .s9 img, .s10 .cavalo { max-width:180px }
	.s10 .cavalo { height:135px }
}

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

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

@media screen and (max-width : 320px) {
	body { font-size:22px }
	section { min-height:55vh }
	header .grid6 { top:70px }
	.padd { margin:0 0 20px 0 }
}

/*** previne rotação do celular ***
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
} */