html, body{
	height: 100%;
	margin: 0;
	padding: 0;

}

.hidden {
	opacity: 0;
}

.zoom {
	transition: transform 1s
}

.zoom:hover {
  transform: scale(1.1);
}

/* BLACK BAR */

#header .black-bar{
	background: url(../img/pattern-1.png) repeat #333;
}

#header p{
	color: white;
}

#header p.p-blackbar{
	margin-top: 3px;
}

#header p.p-blackbar2{
	float: right;
	margin-top: 3px;
}

#header span.icon-envelope,#header span.icon-wpp{
	letter-spacing: 10px;
	
}

#header .fa-envelope, #header .fa-whatsapp{
	font-size: 20px;
	margin-top:10px;
	color: white;

}

/* LOGO E REDES SOCIAIS */

#header .img-logo{
	margin-top: 30px;
	margin-bottom: 30px;
}

#header .title-sociais{
	float: right;
	margin-top: 40px;
	margin-right: 30px;
	font-size: 20px;
	color: black;
}

#header .fa-instagram, #header .fa-facebook-square{
	font-size: 30px;
	color: black;


}

#header .fa-instagram{
	float: right;
}

/* MENU */

#header .navbar{
	background: url(../img/pattern-1.png) repeat #353cb0;
}

#header ul li{
	margin-right: 40px;
}

#header a{
	font-size: 18px;
	color: white;
	transition: 1s;
}

#header a:hover{
	color: #cbcbcb;
	transform: scale(1.1);
}

.banner1, .banner {
	background-color: #0d2642;
}

/* RODAPE */

#footer .rodape{
	background: url(../img/pattern-1.png) repeat #282a2c;
	background-size: 150px 150px
}

#footer a{
	text-decoration: none;
	color: white;
}


#footer a:hover{
	color: #cbcbcb;
}

#footer a.nav1{
	margin-top: 60px;
}

#footer a.nav4{
	margin-bottom: 60px;
}

#footer .footer-contato{
	margin-top: 60px;
}

#footer .footer-email{
	margin-top: 20px;
}

#footer .footer-tel{
	margin-top: 20px;
}

#footer .footer-contato, #footer .footer-email, #footer .footer-tel{
	color:white; 
}

#footer .footer-sociais{
	color: white;
	font-weight: 400;
	margin-bottom: 20px;
}

#footer .fa-instagram{
	float: right;
	font-size: 25px;
	margin-bottom: 40px;
}

#footer .fa-facebook-square{
	font-size: 25px;
	margin-bottom: 40px;
}

#footer .logo-footer{
	float: right; 
	margin-top: 100px;
}

#footer .rights{
	background: black;
}

#footer .direitos{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	color: white;
}

.redes-sociais-toggle{
	display: none;
}

/* RESPONSIVO */

@media (max-width: 768px) {


	/* CABEÇALHO */
	#header .black-bar{
		display: none;
	}

	#header .linha-logo{
		background: gainsboro;
	}

	#header .img-logo{
		width: 100%;
	}
	#header .redes-sociais{
		display: none;
	}
	#header .redes-sociais-toggle{
		display: block;
		color: black;
		text-align: center;
		float: none;
		margin: 0 auto;
		margin-top: 20px;
	}

	#header .insta-toggle{
		display: inline;
		color: black;
		text-align: center;
		float: none;
		margin: 0 auto;
	}

	#header .fb-toggle{
		display: inline;
		color: black;
		text-align: center;
		float: none;
		margin: 0 auto;
	}

	#header .navbar{
	background: gainsboro;
	}

	#header .navbar-toggler-icon{
		padding-top: 5px;

	}

	#header a{
		color: black;
		text-align: center;
	}

	#header .fa-bars{
		color: black;
	}

	#header [hidden] { 
		display: block !important;
	  }

	  /* RODAPE */

	#footer a{
		text-align: center;
	}

	#footer .footer-contato {
		margin-top: 0;
	}

	#footer .footer-sociais {
		color: white;
		font-weight: 400;
		margin-bottom: 20px;
		margin-left: 10%;}
		
	#footer .logo-footer{
		margin-left: 20%;
		float: none;
		margin-bottom: 60px;
		margin-top: 60px;
	}

	#footer .fa-instagram{
		float: none;
		margin-left: 50%;
		margin-bottom: 10px;
	}

	#footer .fa-facebook-square{
		float: none;
		margin-left: 50%;
		margin-bottom: 20px;
	}
}



/*==========================TIPOGRAFIA/*==========================*/

h1,h2,h3,h4,h5,h6,p,li,a,span{
	font-family: 'Oswald', sans-serif;
}

h1{
	font-size: 100px;
	font-weight: 900;
	letter-spacing: -0.05em;
	margin-bottom: 50px;
}

h2{
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -0.04em;
}

h3{
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -0.04em;
}

h4{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.04em;
}

h5{
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.04em;
}

.fab, .fas{
	color: white;
}