@media only screen and (max-width: 696px) 
{
	/* ----------------CABEÇALHO------------------------ */
	header{height:164px; padding:20px 0 20px 0;}
	.divHeader{width:100%; margin-left:auto; left:auto;}
	
	/* Logo equipe */
	.divHeader .colLogoEquipe{width:67px; margin-top:103px; margin-left:25px; position:absolute;}
	.divHeader .colLogoEquipe img{width:67px; height:53px;}
	
	/* Logo principal e esconder menu desktop */
	.divHeader .colMenu{clear:both; width:100%}
	.divLogo{margin-left: auto; width:100%}
	.divLogo a img{width:310px; height:85px;display:block; margin-left:auto; margin-right:auto}
	.divMenu{display:none}
	
	/* Contato e icones redes */
	.divHeader .colContato{margin-top:25px;}
	.btnContato{margin-top:9px;margin-right:10px;}
	.lnkContato{padding:11px 20px 10px 20px; font-size:14px;}
	.btnInstagram{margin-top:4px;margin-right:5px;}
	.iconeInstagram{width:25px; height:25px;}
	.btnLinkedin{margin-top:4px; margin-right:5px;}
	.iconeLinkedin{width:25px; height:25px;}
	
	/* Menu mobile */
	.btnMenuMobile{display:block;float:left; margin-top:5px; margin-right:8px; cursor:pointer;}
	.iconeMenuFechado{fill:#E4C87E; width:28px; height:28px;}
	.iconeMenuFechado:hover{fill:#FFFFFF;}
	.iconeMenuAberto{fill:#E4C87E; width:28px; height:28px; display:none;}
	.iconeMenuAberto:hover{fill:#FFFFFF;}
	
	.menuNavMobile{position:absolute;top:50px; background-color:#E4C87E; display:none; z-index:1;}
	.menuULMobile{padding:0; margin:0;}
	.menuLIMobile{list-style:none;}
	.menuLinkMobile{font-size:16px; letter-spacing:0px; color:#003131; line-height:20px; padding:10px 20px; display:flex; text-decoration:none; font-family:'Roboto Condensed', Sans-serif; font-weight:500;}
	.menuLinkMobile:hover{background-color:#FFF;}
	
	.iconeSetaMenuMobile{fill:#003131}
	.subMenuULMobile{width:auto;padding:0; margin:0; display:none;}
	.subMenuLIMobile{list-style:none; font-size:13px;}
	.subMenuLinkMobile{font-size:.85em; letter-spacing:-0.3px; border-inline-start:8px solid transparent; color:#003131; line-height:20px; padding:10px 20px; display:flex; text-decoration:none; font-family:'Roboto Condensed', Sans-serif; font-weight:500;}
	.subMenuLinkMobile:hover{background-color:#FFF;}
	
	
	/* ----------------RODAPE------------------------ */
	#idMenuInferior{display:none}
	.colLogo{display:none}
	.colLogoMobile{display:block;}
	.divFooter{ margin-left:auto; left:auto; width:100%; float:left; height:auto;}
	.divFooterMobile{display:block;}
	
	/* Logo */
	.colLogoMobile{clear:both; position:relative; margin-top:40px;}
	.colLogoMobile a img{width:290px; height:79px; display:block; margin-left:auto; margin-right:auto}
	
	/* Menu mobile e icones redes */
	.divFooterMobile{left:50%; position:relative; margin-left:-53px; margin-top:23px; width:120px;}
	.btnMenuFooterMobile{float:left; padding-top:3px; cursor:pointer;}
	.iconeMenuFechadoMobile{fill:#FFFFFF; width:22px; height:22px;}
	.iconeMenuAbertoMobile{fill:#FFFFFF; width:22px; height:22px; display:none;}
	.iconesSM{float:left; margin:0 0 0 26px; width:auto;}
	
	/* MENU */
	.menuNavMobileFooter{position:absolute;top:50px; background-color:#E4C87E; z-index:1; display:none;}
	.menuULMobileFooter{padding:0; margin:0;}
	.menuLIMobileFooter{list-style:none;}
	.menuLinkMobileFooter{font-size:13px; letter-spacing:-0.3px; color:#003131; line-height:20px; padding:10px 20px; display:flex; text-decoration:none; font-family:'Roboto Condensed', Sans-serif; font-weight:500;}
	.menuLinkMobileFooter:hover{background-color:#FFF;}
	
	.iconeSetaMenuMobileFooter{fill:#003131}
	.subMenuULMobileFooter{width:auto;padding:0; margin:0; display:none;}
	.subMenuLIMobileFooter{list-style:none; font-size:13px;}
	.subMenuLinkMobileFooter{font-size:.85em; letter-spacing:-0.3px; border-inline-start:8px solid transparent; color:#003131; line-height:20px; padding:10px 20px; display:flex; text-decoration:none; font-family:'Roboto Condensed', Sans-serif; font-weight:500;}
	.subMenuLinkMobileFooter:hover{background-color:#FFF;}
	
	
	
	/* Logo Equipe copy */
	.divFooter .colLogoEquipe{clear:both; display:block; width:100%; margin:25px 0 30px 0;}
	.divFooter .colLogoEquipe img{width:190px; height:151px; display:block; margin-left:auto; margin-right:auto}
	.divCopy{float:left; width:100%}
	.divCopy div{margin-top:1px;}

}



@media only screen and (min-width: 697px) and (max-width: 1200px)
{	
	.divHeader{left:50%; margin-left:-348px; width:696px;}	

	.divHeader .colLogoEquipe{width:100px;margin-left:25px; margin-top:0;}
	.divHeader .colLogoEquipe img{width:100px; height:80px;}
	.divHeader .colMenu{width:auto;}
	.divLogo{margin-left:100px;}
	.divLogo a img{width:310px; height:85px;}
	
	.divMenu {margin-top: 30px; width:400px; margin-left: -125px;}
	.menuLink {padding: 0 17px 8px 17px; font-size: 15px;}
	.divHeader .colContato {margin-top: -50px; margin-right:20px;}

	/* ----------------RODAPE------------------------ */
	.divFooter{left:50%; margin-left:-348px; width:696px; height:auto;}
	.colLogo{display:none}
	.colLogoMobile{clear:both; position:relative; margin-top:40px; display:block;}
	.colLogoMobile a img{width:290px; height:79px; display:block; margin-left:auto; margin-right:auto}
	
	#idMenuInferior{clear:both;}
	.divMenuFooter {margin-top:30px; margin-left:25px;}
	.iconesSM {width:200px; clear:both; margin-top:22px; margin-left:315px;}

	.divFooter .colLogoEquipe {clear:both; float:none; width:100%; margin-bottom:20px; padding-top:20px;}
	.divFooter .colLogoEquipe img{display:block; margin-left:auto; margin-right:auto}

}