.header{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background: #fff;
}
.topo{
	background: var(--cor-principal);
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
}
@media only screen and (min-width: 1200px) { 
	.header:before{
		content: "";
		width: 28%;
		background: #fff;
		position: absolute;
		bottom: -19px;
		height: 20px;
		left: -15%;
		-moz-transform: skewX(-63deg);
		-webkit-transform: skewX(-63deg);
		-o-transform: skewX(-63deg);
		-ms-transform: skewX(-63deg);
		transform: skewX(-63deg);
	}
}
@media only screen and (max-width: 1200px) { 
	.header{
		position: sticky;
		top: 0;
		z-index: 111;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	}

	.logo img{
		max-height: 60px;
	}
}
@media only screen and (min-width: 1200px) {
	.logo{
		display: block;
		margin-bottom: -10px;
	}
}