#linksprincipais{
	float: left;
	width: 100%;
	background: #fff;
	margin: 2vw 0 -2vw 0;
	padding: 2.5vw 8vw;
	display: flex;
/* 	flex-wrap: wrap; */
}

.links_principais{
	flex: 1;
}
.separador{
	max-width: .8vw;
}
.img_links_principais{
	float: left;
	width: 100%;
	margin-right: -100%;
}
.titulo_links_principais{
	float: left;
	width: 80%;
	margin: 10%;
	background: rgba(255,255,255,.9);
	font-family: 'Neris-SemiBold';
	font-size: 1.1vw;
	line-height: 1.1vw;
	padding: .5vw 0 .6vw 0;
	border-radius: 0 .8vw 0 0;
	color: #1d1e1a;
	text-align: center;
	box-shadow: 0 0 1.5vw rgba(0,0,0,.05);
	transition-duration: 0.3s;
}

.links_principais:hover .titulo_links_principais{
    width: 100%;
	margin: 0;
	border-radius: 0;
	text-shadow: 0 0 3vw #fff, 0 0 3vw #fff, 0 0 3vw #fff, 0 0 3vw #fff, 0 0 3vw #fff;
	padding: calc((158% - 1vw)/2) 0;
	background: rgba(255,255,255,.7);
}

@media screen and (max-width:1200px) {
	#linksprincipais{
		padding: 3.5vw 8vw;
	}
	.titulo_links_principais{
		font-size: 1.375vw;
        line-height: 1.375vw;
		padding: .55vw 0 .7vw 0;
		border-radius: 0 .8vw 0 0;
		box-shadow: 0 0 1.5vw rgba(0,0,0,.05);
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((158% - 1.375vw)/2) 0;
	}
}

@media screen and (max-width:1000px) {
	#linksprincipais{
		padding: 4vw 8vw;
	}
	.links_principais{
		max-width: 19.2%;
		min-width: 19.2%;
		overflow: hidden;
	}
	.separador{
		min-width: 1%;
		max-width: 1%;
	}
	.img_links_principais{
		float: left;
		width: 120%;
		margin-left: -10%;
		margin-right: -120%;
	}
	.titulo_links_principais{
		font-size: 1.5vw;
        line-height: 1.5vw;
		padding: .55vw 0 .7vw 0;
		border-radius: 0 .8vw 0 0;
		box-shadow: 0 0 1.5vw rgba(0,0,0,.05);
		width: 90%;
		margin: 10% 5%;
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((190% - 1.5vw)/2) 0;
	}
}
@media screen and (max-width:920px) {
	#linksprincipais{
		padding: 5vw 8vw;
		margin: 2vw 0 -3vw 0;
	}
	.links_principais{
		max-width: 19.6%;
		min-width: 19.6%;
	}
	.separador{
		min-width: .5%;
		max-width: .5%;
	}
	.img_links_principais{
		width: 130%;
		margin-left: -15%;
		margin-right: -130%;
	}
	.titulo_links_principais{
		font-size: 1.7vw;
        line-height: 1.7vw;
		padding: .55vw 0 .7vw 0;
		border-radius: 0 .8vw 0 0;
		box-shadow: 0 0 1.5vw rgba(0,0,0,.05);
		width: 95%;
		margin: 10% 2.5%;
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((206% - 1.7vw)/2) 0;
	}
}
@media screen and (max-width:750px) {
	#linksprincipais{
		padding: 5vw 8vw;
		justify-content: center;
		flex-wrap: wrap;
	}
	.links_principais{
		max-width: calc(97% / 3);
		min-width: calc(97% / 3);
		margin: .5% .25%;
	}
	.separador{
		min-width: 0%;
		max-width: 0%;
	}
	.img_links_principais{
		width: 100%;
		margin-left: 0%;
		margin-top: -20%;
		margin-right: -100%;
	}
	.titulo_links_principais{
		font-size: 2.2vw;
        line-height: 2.2vw;
		padding: .8vw 0 1vw 0;
		border-radius: 0 1.5vw 0 0;
		box-shadow: 0 0 2vw rgba(0,0,0,.07);
		width: 80%;
		margin: 10%;
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((138.2% - 2.2vw)/2) 0;
		text-shadow: 0 0 6vw #fff, 0 0 6vw #fff, 0 0 6vw #fff, 0 0 6vw #fff, 0 0 6vw #fff;
	}
}
@media screen and (max-width:620px) {
	#linksprincipais{
		padding: 5vw;
	}
	.titulo_links_principais{
		font-size: 2.7vw;
        line-height: 2.7vw;
		padding: .8vw 0 1.3vw 0;
		border-radius: 0 1.5vw 0 0;
		width: 90%;
		margin: 5%;
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((138.2% - 2.7vw)/2) 0;
	}
}

@media screen and (max-width:520px) {
	#linksprincipais{
		padding: 7vw 5vw;
	}
	.links_principais{
		max-width: 48%;
		min-width: 48%;
		margin: 1% .5%;
	}
	.separador{
		min-width: 0%;
		max-width: 0%;
	}
	.img_links_principais{
		margin-top: -35%;
		margin-bottom: -15%;
		margin-right: -100%;
	}
	.titulo_links_principais{
		font-size: 4.2vw;
        line-height: 4.2vw;
		padding: 1.1vw 0 1.9vw 0;
		border-radius: 0 2vw 0 0;
		width: 90%;
		margin: 5%;
		box-shadow: 0 0 2.5vw rgba(0,0,0,.1);
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((108.1% - 3.7vw)/2) 0;
	}
}
@media screen and (max-width:420px) {
	#linksprincipais{
		padding: 8vw 5vw 10vw 5vw;
	}
	.titulo_links_principais{
		background: rgba(255,255,255,.8);
		font-size: 4.2vw;
        line-height: 4.2vw;
		padding: 1.5vw 0 2.3vw 0;
		border-radius: 0 3vw 0 0;
	}
	.links_principais:hover .titulo_links_principais{
		padding: calc((108.1% - 4.2vw)/2) 0;
	}
}