@font-face				{
	font-family:		'open_sansregular';
	src:				url('font/opensans-regular-webfont.woff2')	format('woff2'),
						url('font/opensans-regular-webfont.woff')	format('woff');
	font-weight:		normal;
	font-style:			normal;
}

@font-face {
    font-family:		'open_sansbold';
    src: 				url('font/opensans-bold-webfont.woff2')		format('woff2'),
						url('font/opensans-bold-webfont.woff')		format('woff');
    font-weight: 		normal;
    font-style: 		normal;
}

body					{
	background:			white;
	margin:				0;					border:				0;
	padding:			0;
	width:				100%;				height:				100%;
	font-family:		"open_sansregular";	font-size:			2vh;				
}

strong, b {
	font-family:		"open_sansbold";
	font-weight:		normal;
}

.wlogo {
	display:			block;				position:				relative;
	width:				50vh;				height:					auto;
	margin-bottom:		3vh;
}

.bloco2, .bloco3, .bloco4, .bloco6, .bloco7	{
	display:			block;							
	max-width:			100%;
	padding-left:		20%;				padding-right:		20%;
	overflow: 			hidden;
}

.bloco2	{
	background: url(../img/bg1.gif);		background-repeat:		repeat-x;
	background-color:	#091739;			background-position:	center top;
	color:				white;					
	min-height:			30vh;
	padding-bottom:		5vh;				padding-top:			3vh;
	text-align:			center;				font-size:				3vh;
	border-bottom:		1vh solid #d0a616;
}

.bloco3	{
	text-align:			center;				font-size:			2.6vh;
}

.bloco4	{
	text-align:			left;				font-size:			2.4vh;
}

.bloco5 {
	text-align:			center;
}

.bloco5 span {
	font-weight:		bold;
	font-size:			3.6vh;
}

.bloco6	{
	text-align:			center;				font-size:			2.4vh;
}

.parallelContainer	{
	display:			flex;				justify-content:	space-between;
	width:				100%;		
}

.parallel	{
	display:			block;
	background-color:	#eceeff;
	font-size:			2vh;
	width:				30%;				min-height:		15vh;
	vertical-align:		top;
	border-radius: 		2vh;
	margin-left:		2vh;				margin-right:	2vh;
	padding:			3vh;
}

.bloco7	{
	text-align:			left;				font-size:			2.4vh;
}

.collapsible {
	background-color:	#060c22;			color:				white;
	width:				100%;			
	padding:			2vh;
	cursor:				pointer;			border:				none;
	outline:			none;
	font-family:		"open_sansregular";	font-size:			2vh;
	text-align:			left;				
}

.active, .collapsible:hover {
	background-color:	#091739;
}

.content {
	background-color:	#f1f1f1;
	max-height:			0;					padding:			0 18px;
	transition:			max-height 0.2s ease-out;
	font-size:			2vh;
	overflow:			hidden;
}

.item	{
	background:				url(../img/item.png);
	background-size: 		2.4vh 2.4vh;
	background-repeat:		no-repeat;
	background-position:	center center;
	display:			inline-block;		position:			relative;
	width:				2.4vh;				height:				2.4vh;
	margin-right:		1vh;
	vertical-align:		middle;
}

hr 			{
	background:			#d0a616;
	width:				8vh;				height:				0.6vh;
	margin-top:			0.4vh;				margin-bottom:		3vh;				
	border:				0;
}

.whatsapp	{
	background:				url(../img/wp.svg);
	background-repeat:		no-repeat;
	background-size:		5.5vh;
	background-position:	left 1.8% bottom 50%;
	background-color:	#25D366;			color:				white;
	display:			block;				position:			relative;
	border-radius:		6vh;
	font-size:			2.2vh !important;	font-weight:		bold;
	width:				30vh;				height:				3vh;
	margin-top:			3vh;				margin-bottom:		1vh;
	margin-left:		auto;				margin-right:		auto;
	padding-top:		2vh;				padding-bottom:		2vh;
	padding-left:		5.6vh;				padding-right:		1.5vh;
	text-decoration:	none;
	box-shadow: 		2px 2px 12px rgba(22,124,60,.2);
	transition:			0.4s;
}

.whatsapp p	{
	margin:				0;
	padding:			0;
}

.whatsapp:hover {
	background-color:	#66e596;	
}

#footer		{
	background-color:	#363d64;			color:				#c4c8f8;
	display:			flex;				justify-content:	space-between;
	font-size:			1.4vh;
	padding-left:		20%;				padding-right:		20%;
	padding-bottom:		2vh;
	height:				auto;
	border-top:			1vh solid #d0a616;
}

#footer p	{
	display:			inline-block;
}

.social img	{
	width:				5vh;				height:				5vh;
}


.sm1.social img:hover {
	content: url(../img/footer-ig-h.png);
}

.sm2.social img:hover {
	content: url(../img/footer-wp-h.png);
}

@media screen and (max-width: 768px) {
	body					{	font-size:		1.6vh;		}
	.wlogo 					{	width:			35vh;		
								margin-left:	auto;		margin-right:	auto;	}
	.bloco2, .bloco3, .bloco4, .bloco6, .bloco7, #footer
							{	padding-left:	5%;			padding-right:	5%;		}
	
	.bloco2, .bloco3, .bloco5
							{	font-size:		2.2vh;	}
	.bloco5 span			{	font-size:		4vh;	}
	.parallelContainer		{	display:		block;	}
	.parallel				{	width:			auto;		height:	auto;			
								margin-bottom:	2vh;	}
}