/*
    ================================================
    Media Queries
    ================================================
*/
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/* DESKTOP */
@media (max-width: 1200px) {
	.logo {
		width: 1200px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 1200px;
	}
	#servicos {
		width: 1200px;
	}
	#servicosportfolio {
		width: 1200px;
	}
	#engenheiros {
		width: 1200px;
	}
	#contato,
	#contato .box {
		width: 1200px;
	}
	#sobrenos .caixa {
		width: 1200px;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 1200px;
	}
	#pdf,
	#pdf .box {
		width: 1200px;
	}
	#info,
	#info .conteudo {
		width: 1200px;
	}
	#info ul {
		font-size: 13px;
	}
	footer,
	footer .rodape {
		width: 1200px;
	}
	#parceiros .caixa {
		box-sizing: border-box;
		padding: 0 15px;
	}

	/* Página auxiliar */
	#pagina {
		width: 1200px;
	}
	#msg {
		width: 1200px;
	}
}
@media (max-width: 1024px) {
	.logo {
		width: 1024px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 1024px;
	}
	#servicos {
		width: 1024px;
	}
	#servicosportfolio {
		width: 1024px;
	}
	#video #videoplayer {
		width: 1024px;
	}
	#engenheiros {
		width: 1024px;
	}
	#contato,
	#contato .box {
		width: 1024px;
	}
	#sobrenos .caixa {
		width: 1024px;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 1024px;
	}
	#pdf,
	#pdf .box {
		width: 1024px;
	}
	#pdf h2 {
		width: 98%;
	}
	#info,
	#info .conteudo {
		width: 1024px;
	}
	#info ul {
		font-size: 13px;
	}
	footer,
	footer .rodape {
		width: 1024px;
	}

	/* Página auxiliar */
	#pagina {
		width: 1024px;
	}
	#msg {
		width: 1024px;
	}
}
/* TABLET */
@media (max-width: 991px) {
	#banner .topnav.responsive {
		width: 991px;
	}
	.logo {
		width: 991px;
		height: 135px;
	}
	.logo img {
		width: 300px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 991px;
		height: 500px;
	}
	#banner-service {
		padding: 0;
		margin: 0;
		height: 50px;
	}
	#banner-service,
	#banner {
		margin-bottom: 60px;
	}

	#banner-service nav,
	#banner nav {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#banner .texto {
		padding-top: 160px;
	}

	.header-nav {
		width: auto;
    margin: 0 auto;
    margin-right: 0;
	}

	/* Menu Fechado */
  /* Icone */
  .topnav .icon {
    	float: right;
    	display: block;
  }
	.topnav .icon i {
			font-size: 21px;
	}
  /* Menu */
  .topnav #menunormal {
    	display: none;
  }

	/* Menu aberto */
	/* Icone */
  .topnav.responsive .icon {
		float: none;
		display: inline-block;
		z-index: 9999;
	}
	/* Menu */
  .topnav.responsive #menunormal {
		display: block;
		position: absolute;
		right: 0;
	}
	/* Menu */
	.topnav.responsive li {
		float: none;
		display: block;
		text-align: left;
	}

	#servicos {
		width: 991px;
		padding: 80px 30px;
	}
	#servicos .caixa {
		display: flex;
		flex-direction: column;
	}
	#servicos .caixa .imagem {
		width: 250px;
		margin-bottom: 30px;
	}
	#servicos .caixa .imagem img {
		width: 100%;
	}
	#servicosportfolio {
		width: 991px;
	}
	#video #videoplayer {
		width: 991px;
	}
	#engenheiros {
		width: 991px;
	}
	#contato,
	#contato .box {
		width: 991px;
	}
	#sobrenos .caixa {
		width: 991px;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 991px;
	}
	#pdf,
	#pdf .box {
		width: 991px;
	}
	#info,
	#info .conteudo {
		width: 991px;
	}
	#info .conteudo .informacao {
		font-size: 12px;
	}
	footer,
	footer .rodape {
		width: 991px;
	}

	/* Página auxiliar */
	#pagina {
		width: 991px;
	}
	#msg {
		width: 991px;
	}
}
@media (max-width: 800px) {
	#banner .topnav.responsive {
		width: 800px;
	}
	.logo {
		width: 800px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 800px;
	}
	#servicos {
		width: 800px;
	}
	#servicosportfolio {
		width: 800px;
	}
	#video #videoplayer {
		width: 800px;
	}
	#engenheiros {
		width: 800px;
	}
	#contato,
	#contato .box {
		width: 800px;
	}
	#sobrenos {
		padding: 60px 0;
	}
	#sobrenos .caixa {
		width: 800px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#sobrenos .caixa .caixa-texto {
		width: 700px;
	}
	#sobrenos .caixa .imagem {
    margin-bottom: 15px;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 800px;
	}
	#parceiros .caixa h2 {
		width: 98%;
	}
	#pdf,
	#pdf .box {
		width: 800px;
	}
	#info,
	#info .conteudo {
		width: 800px;
		display: flex;
		flex-direction: column;
	}
	footer,
	footer .rodape {
		width: 800px;
	}

	/* Página auxiliar */
	#pagina {
		width: 800px;
	}
	#pagina h2 {
		width: 700px;
	}
	#pagina .caixa {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	#pagina .caixa .texto {
		width: 100%;
	}
	#pagina .caixa .imagem {
		width: 100%;
		text-align: center;
	}
	#msg {
		width: 800px;
	}
}
@media (max-width: 768px) {
	#banner .topnav.responsive {
		width: 768px;
	}
	.logo {
		width: 768px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 768px;
	}
	#servicos {
		width: 768px;
	}
	#servicos .caixa {
		display: flex;
		flex-direction: column;
	}
	#servicos .caixa .imagem {
		width: 250px;
	}
	#servicos .caixa .imagem img {
		width: 100%;
	}
	#servicosportfolio {
		width: 768px;
	}
	#video #videoplayer {
		width: 768px;
	}
	#engenheiros {
		width: 768px;
	}
	#contato,
	#contato .box {
		width: 768px;
	}
	#contato .box h2 {
		width: 98%;
	}
	#sobrenos .caixa {
		width: 768px;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 768px;
	}
	#pdf,
	#pdf .box {
		width: 768px;
	}
	#info,
	#info .conteudo {
		width: 768px;
	}
	footer,
	footer .rodape {
		width: 768px;
	}

	/* Página auxiliar */
	#pagina {
		width: 768px;
	}
	#msg {
		width: 768px;
	}
}

/* CELULAR */
@media (max-width: 767px) {
	#banner .topnav.responsive {
		width: 767px;
	}
	body {
		font-size: 21px;
	}
	.logo {
		width: 767px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 767px;
	}
	#servicos {
		width: 767px;
	}
	#servicos .caixa {
		display: flex;
		flex-direction: column;
	}
	#servicos .caixa .imagem {
		width: 250px;
	}
	#servicos .caixa .imagem img {
		width: 100%;
	}
	#servicosportfolio {
		width: 767px;
	}
	#video,
	#engenheiros {
		display: none;
	}
	#engenheiros {
		width: 767px;
	}
	#contato,
	#contato .box {
		width: 767px;
	}
	#sobrenos .caixa {
		width: 767px;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 767px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#pdf,
	#pdf .box {
		width: 767px;
	}
	#info,
	#info .conteudo {
		width: 767px;
	}
	#info .conteudo .informacao h3 {
		font-size: 21px;
	}
	#info .conteudo .informacao li {
		font-size: 18px;
	}
	footer,
	footer .rodape {
		width: 767px;
	}
	footer .rodape .redesocial .icone {
		padding: 12px;
	}

	/* Página auxiliar */
	#pagina {
		width: 767px;
	}
	#msg {
		width: 767px;
	}
}	
@media (max-width: 575px) {
	#banner .topnav.responsive {
		width: 575px;
	}
	.logo {
		width: 575px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 575px;
	}
	#banner nav ul li {
		padding: 10px 2px;
	}
	.topnav.responsive {
		width: 100%;
		height: 180px;
		position: absolute;
		z-index: 999;
	}
	.topnav.responsive	#menunormal {
		display: flex;
		flex-direction: column;
		color: #fff;
		font-size: 21px;
	}
	#banner .texto {
		text-align: center;
	}
	#servicos {
		width: 575px;
	}
	#servicos h2 {
		font-size: 2rem;
		width: 250px;
		padding: 0 60px;
	}
	#servicos .caixa {
		display: flex;
		flex-direction: column;
	}
	#servicos .caixa .imagem {
		width: 250px;
	}
	#servicos .caixa .imagem img {
		width: 100%;
	}
	#servicosportfolio {
		width: 575px;
	}
	#servicosportfolio .cards .card {
		width: 450px;
	}
	#servicosportfolio .cards .card .imagem {
		width: 450px;
	}
	#servicosportfolio .cards .card .imagem img {
		width: 100%;
	}
	#video,
	#engenheiros {
		display: none;
	}
	#engenheiros {
		width: 575px;
		padding: 250px 0;
	}
	#contato,
	#contato .box {
		width: 575px;
	}
	#contato .box h2 {
		font-size: 2rem;
	}
	#contato .box p {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	#sobrenos .caixa {
		width: 575px;
	}
	#sobrenos .caixa .caixa-texto {
		width: 500px;
	}
	#sobrenos .caixa .caixa-texto h2 {
		font-size: 1.8rem;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 575px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#parceiros .caixa h2 {
		width: 420px;
		font-size: 2rem;
		padding: 0 20px;
	}
	#parceiros .imagens .clienteparceiro {
		width: 140px;
	}
	#pdf,
	#pdf .box {
		width: 575px;
	}
	#pdf h2 {
		width: 420px;
		font-size: 2rem;
		padding: 0 20px;
	}
	#info,
	#info .conteudo {
		width: 575px;
	}
	#info .conteudo .informacao h3 {
		font-size: 21px;
	}
	#info .conteudo .informacao li {
		font-size: 18px;
	}
	footer,
	footer .rodape {
		width: 575px;
	}
	footer .rodape .texto {
		font-size: 16px;
	}
	footer .rodape .redesocial .icone {
		padding: 12px;
	}

	/* Página auxiliar */
	#pagina {
		width: 575px;
	}
	#pagina h2 {
		font-size: 1.7rem;
		width: 500px;
	}
	#pagina .caixa {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	#pagina .caixa .texto {
		width: 100%;
	}
	#pagina .caixa .imagem {
		width: 100%;
		text-align: center;
	}
	#msg {
		width: 575px;
	}
	#msg h2 {
		font-size: 2rem;
	}
	#msg h3 {
		font-size: 1.6rem;
	}
}  
@media (max-width: 480px) {
	a[href="#top"]{
    right: 20px;
	}
	.logo {
		width: 480px;
	}
	#banner,
	#banner-service,
	#banner .texto,
	#banner video {
		width: 480px;
	}
	nav ul li {
		padding: 10px 8px;
	}
	#banner .topnav.responsive {
		width: 480px;
	}
	#banner-service .topnav.responsive {
		width: 100%;
	}
	#banner .texto {
		text-align: center;
	}
	#servicos {
		width: 480px;
	}
	#servicos h2 {
		font-size: 2rem;
		width: 250px;
		padding: 0 60px;
	}
	#servicos .caixa {
		display: flex;
		flex-direction: column;
	}
	#servicos .caixa .imagem {
		width: 250px;
	}
	#servicos .caixa .imagem img {
		width: 100%;
	}
	#servicosportfolio {
		width: 480px;
	}
	#servicosportfolio .cards .card {
		width: 450px;
	}
	#servicosportfolio .cards .card .imagem {
		width: 450px;
	}
	#servicosportfolio .cards .card .imagem img {
		width: 100%;
	}
	#video,
	#engenheiros {
		display: none;
	}
	#engenheiros {
		width: 480px;
		padding: 250px 0;
	}
	#contato,
	#contato .box {
		width: 480px;
	}
	#contato .box h2 {
		font-size: 2rem;
	}
	#contato .box p {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	#contato .box .caixa .grupo {
		display: block;
		width: 100%;
	}
	#contato .box .caixa .grupo input,
	#contato .box .caixa .grupo textarea {
		font-size: 21px;
		color: #fff;
	}
	#sobrenos .caixa {
		width: 480px;
	}
	#sobrenos .caixa .imagem {
		width: 100%;
		text-align: center;
	}
	#sobrenos .caixa .imagem img {
		width: 280px;
	}
	#sobrenos .caixa .caixa-texto {
		width: 400px;
	}
	#sobrenos .caixa .caixa-texto h2 {
		font-size: 1.8rem;
	}
	#parceiros .caixa,
	#parceiros .imagens {
		width: 480px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#parceiros .caixa h2 {
		width: 420px;
		font-size: 2rem;
		padding: 0 20px;
	}
	#parceiros .imagens .clienteparceiro {
		width: 140px;
	}
	#pdf,
	#pdf .box {
		width: 480px;
	}
	#info,
	#info .conteudo {
		width: 480px;
	}
	#info .conteudo .informacao h3 {
		font-size: 21px;
	}
	#info .conteudo .informacao li {
		font-size: 18px;
	}
	footer,
	footer .rodape {
		width: 480px;
	}
	footer .rodape .texto {
		font-size: 16px;
	}
	footer .rodape .redesocial .icone {
		padding: 12px;
	}

	/* Página auxiliar */
	#pagina {
		width: 480px;
	}
	#pagina h2 {
		font-size: 1.7rem;
		width: 420px;
	}
	#msg {
		width: 480px;
	}
	#msg h2 {
		font-size: 1.7rem;
	}
	#msg h3 {
		font-size: 1.1rem;
	}
} 
@media (max-width: 380px) {
	a[href="#top"]{
		font-size: 28px;
		right:10px;
	}
	#banner .topnav.responsive {
		width: 380px;
	}
	#video,
	#engenheiros {
		display: none;
	}
	#msg {
		width: 380px;
	}
	#msg .box {
		width: 100%;
	}
	#msg h2 {
		font-size: 1.7rem;
	}
	#msg h3 {
		font-size: 1.1rem;
	}
}
@media (max-width: 320px) {
	#video #videoplayer {
		width: 320px;
	}
	#banner .topnav.responsive {
		width: 320px;
	}
	#video,
	#engenheiros {
		display: none;
	}
	#msg {
		width: 320px;
	}
}