#slides {
  display: none
}

/* Centraliza o slideshow */
.container {
  margin: 0 auto;
  float: left;
  clear: left;
  position: relative;
}
.container p {
	font: 14px/21px 'GothamBook', Arial, Helvetica, sans-serif;
	width: 656px;
	float: left;
}
#informacoes {
	float: left;
	margin-top: 60px;
}
.infos {
	float: left;
	width: 300px;
	margin-right: 30px;
}
#valores {
	display: block;
	float: left;
	clear: left;
	margin-top: 40px;
}
#valores .infos {
	width: 300px;
}
#valores .infos:last-child {
	margin-right: 0px;
}

/* Media quires for a responsive layout */

/* For tablets & smart phones */
@media (max-width: 767px) {
    .container {
      width: 298px;
    }
	.container p {
		font: 12px/16px 'GothamBook', Arial, Helvetica, sans-serif;
		width: 298px;
		float: left;
	}
	div#informacoes {
	    width: 298px;
	    margin-top: 20px;
    }
    .infos {
	    width: 298px;
	    margin: 0px 0px 15px 0px;
    }
    .infos h3 {
		font: 14px/21px 'GothamBold', Arial, Helvetica, sans-serif;
	}
	.infos p {
		font: 12px/16px 'GothamBook', Arial, Helvetica, sans-serif;
	}
	#valores {
		margin-top: 25px;
	}
}

/*For smartphones
@media (max-width: 480px) {
}*/

/* For smaller displays like laptops */
@media (min-width: 767px) and (max-width: 979px) {
    .container {
      width: 724px;
    }
    .infos.diferenciais{
	  clear: left;
    }
	#valores .infos {
	  width: 724px;
	  margin-bottom: 20px;
	}

}

/* For larger displays */
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
}