/*
/////////////////
////TYPOGRAPHY//
///////////////
*/

	/*////////
	HEADERS*/

	h1 {
		font-size: 4.2em;
	}
	h2 {
		font-size: 3.8em;
	}
	h3 {
		font-size: 2em;
	}
	h4 {
		font-size: 1.8em;
	}

/*
/////////////
////TABLES//
///////////
*/

	table {
	}
		table th, 
		table td {
			padding: 18px;
		}
		table img {
			max-width: 50%;
		}

/*
///////////////////////
////GLOBAL STRUCTURE//
/////////////////////
*/

	#vnd-navigation .nav-item br {
		display: none;
	}
	#vnd-header #vnd-logo:first-line {
		font-size: .9em;
	}
	#vnd-header #vnd-logo .logo-seja-digital{
		width: 80%;
	}
	#vnd-references .vnd-btn {
		position: relative;
		right: 0;
	}
	#vnd-header .vnd-wrapper, 
	#vnd-content .vnd-wrapper {
		padding: 0 20px;
	}
	#vnd-map {
		background-color: transparent;
	}
	#vnd-map .map-primary {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
		#vnd-map .map-primary .nav-item:last-child a {
			margin-right: 0;
			border-radius: 0;
		}
	#vnd-map .map-secondary {
		max-width: 100%;
		width: 100%;
		margin: 0;
		margin-top: 18px;
	}
		#vnd-map .map-secondary .nav-item-phone {
			text-align: right;
			padding: 0 18px;
		}
		#vnd-map .map-secondary .nav-item-phone .mail {
			text-align: right;
		}

/*
//////////////////
////PAGE STYLES//
////////////////
*/

	.vnd-page.page-home #vnd-content #intro.bl-section .bl-footer {
		padding-top: 35px;
		text-align: center;
	}
	.vnd-page.page-home #transition .city-number, 
	.vnd-page.page-home #transition .city-percent {
		font-size: 7em;
	}
	.vnd-page.page-home #vnd-content .bl-section .vnd-go {
		display: none;
	}
	.vnd-page.page-why #vnd-content .bl-section {
	}
		.vnd-page.page-why #vnd-content .bl-section .mod-content-media {
			vertical-align: baseline;
			text-align: center;
			text-indent: 0;
			margin-top: 0;
		}
			.vnd-page.page-why #vnd-content .bl-section .mod-content-media [data-icon]:before {
				font-size: 220px;
				line-height: 220px;
				width: auto;
				height: auto;
				margin-top: -24px;
				color: #eacf38;
			}
	.vnd-page.page-family-card #vnd-content .bl-section {
	}
		.vnd-page.page-family-card #vnd-content .bl-section .mod-content-media {
			text-align: center;
		}
		.vnd-page.page-family-card #vnd-content .bl-section .mod-content-desc {
			text-align: center;
		}
			.vnd-page.page-family-card #vnd-content .bl-section .mod-content-desc h3 br {
				display: none;
			}
	.vnd-page.page-about #vnd-content {
	}
		.vnd-page.page-about .btn-contrast {
			float: none;
		}
	.vnd-page.page-questions #vnd-content .bl-sub-nav, 
	.vnd-page.page-questions #vnd-content .sticky-wrapper {
		display: none;
	}
	
@media screen and (max-width: 640px) {
	#vnd-region.show-regiao-mobile{
		display: block;
	}
	/*
	/////////////
	////TABLES//
	///////////
	*/

		table {
		}
			table th, 
			table td {
				padding: 6px;
				font-size: 1.2em;
			}
			table small {
				font-size: .95em;
			}
			table img {
				display: none;
			}

	/*
	///////////////////////
	////GLOBAL STRUCTURE//
	/////////////////////
	*/
		.vnd-lnk-nav,
		.vnd-lnk-close {
			position: absolute;
			top: 25px;
			left: 20px;
			z-index: 20;
			color: #fdb913;
			display: block;
		}
			.vnd-lnk-nav .icon-tt,
			.vnd-lnk-close .icon-tt {
				display: none;
			}
		#vnd-content .bl-sub-nav .vnd-wrapper {
			padding: 0;
		}
		#vnd-content .sub-nav {
			margin-top: 36px;
		}
			#vnd-content .sub-nav .nav-item {
				display: block;
			}
		.vnd-lnk-close {
			z-index: 70;
			display: none;
		}
		#vnd-region {
			position: absolute;
			top: 25px;
			right: 20px;
			margin-top: 0;
			font-size: .75em;
			display: none;
			z-index: 99;
		}
		#vnd-header .vnd-wrapper {
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
		}
		#vnd-header #vnd-topo {
			display: none;
		}
		#vnd-header #vnd-logo .logo-seja-digital{
			width: 65%;
		}
		#vnd-navigation {
			display: none;
			left: 0;
			top: 0;
			position: absolute;
			z-index: 50;
			margin-top: 0;
			padding-top: 80px;
		}
		#vnd-navigation:target {
			display: block;
		}
			#vnd-navigation .nav-item {
				width: 100%;
			}
			#vnd-navigation .nav-item:last-child:nth-child(odd) {
				width: 100%;
			}
		#vnd-navigation:target + .vnd-lnk-close {
			display: block;
		}
	/*
	//////////////////
	////PAGE STYLES//
	////////////////
	*/
		
		.vnd-page.page-pre-home #vnd-header .vnd-wrapper {
			padding-top: 0;
		}
			.vnd-page.page-pre-home #vnd-content .bl-section {
				padding-bottom: 0;
			}
		.vnd-page.page-home #vnd-content #intro.bl-section h2 br {
			display: none;
		}
		.vnd-page.page-antenna #vnd-content .mod-content-information {
			margin-top: 36px;
			float: none;
		}

}
@media screen and (max-width: 480px) {
	
	.vnd-page.page-gired #vnd-content {
	}
		.vnd-page.page-gired .vnd-mod.mod-content p {
			width: 100%;
			margin-right: 0;
		}
		#vnd-header #vnd-logo {
			margin-top: 5px;
		}

	#vnd-navigation .vnd-wrapper ul li a
	{
		text-align: left;
		height: 68px;
		border-bottom: 1px solid #55589c;
	}
	#vnd-navigation .vnd-wrapper ul li a:before
	{
		max-width: 37px;
		font-size: 20px;
	}
	#vnd-navigation [data-icon="card"]:before{
		background-size: cover;
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}
	#vnd-navigation [data-icon="televisor"]:before{
		background-size: cover;
		background-image: url(../images/icones/icone-televisor.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		width: 30px;
		height: 28px;
		margin-right: 10px;
		text-indent: -9999px;
	}


	#vnd-navigation .vnd-wrapper ul li a .icon-tt
	{
		display: inline-block;
		font-family: 'gothambold1';
		font-size: 4vw;
		text-transform: uppercase;
	}
	#vnd-navigation .vnd-wrapper ul li a .tt-big
	{
		font-size: 3.5vw;
	}
	/*Menu apoio mobile*/
	#vnd-navigation .vnd-wrapper .menu-apoio-mobile
	{
		padding-top: 25px;
		padding-bottom:15px;
	}
	#vnd-navigation .vnd-wrapper .menu-apoio-mobile li a
	{
		border:none;
		height: 35px;
		padding: 0 0 0 10px;
	}
	#vnd-navigation .vnd-wrapper .menu-apoio-mobile li a:before
	{
		font-size: 24px;
	}
	#vnd-navigation .vnd-wrapper .menu-apoio-mobile li a .icon-tt
	{
		font-family: 'Conv_ufonts.com_gotham-book';
		color: #fdb913;
		font-size: 3vw;
		font-weight: normal;
	}

	#vnd-region .bl-btn .icon-tt #nome-cidade
	{
		font-family: 'gothambold1';
		font-size: 4vw;
	}
	#vnd-region .bl-btn .icon-tt .vnd-btn
	{
		background-color: transparent;
		border-color: #f05a29;
		color: #f05a29;
		font-size: 4vw;
	}
	
}