/*--------HEADER---------*/

header
{
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	background-color: #131212;
	width: 100%;
	height: 80px;
	position: fixed;
	top: 40px;
	left: 0;
	z-index: 9;
	display: block;
	/*overflow: hidden;*/
}

b{font-family: 'Conv_Roboto-Medium', sans-serif;}

h3
{
	margin: auto;
	margin-bottom: 40px;
}

.content
{padding-top: 120px;}

section div .legenda
{
	background-color: white;
	color: #77808D;
	font-family: 'Conv_Roboto-Medium', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	padding: 25px;
}


section div .small-text
{
	font-size: 18px;
	line-height: 36px;
}

.bold-text
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
}

section div li
{list-style-type: disc !important; line-height: 40px !important; font-size: 18px; margin-left: 20px;}

li
{color: #1A1B1B;}



section.area1
{
	width: 1170px;
	height: 560px;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-top: 90px;
}



section .btn
{
	height: 60px;
    width: 271px;
    background-color: #47B749;
    display: block;
    cursor: pointer;
    margin-top: 60px;
}

section .btn a
{cursor: pointer;}

section .btn:hover
{background-color: #3ba73d;}


section .btn h3
{color: #FFFFFF; text-align: center; padding-top: 14px; font-size: 20px; letter-spacing: 0.35px;}





/*----------------SMALLER SCREENS / MEDIA QUERIES---------------*/


@media (max-width: 1300px){

	section.area1
	{width: 1100px;}

	section.area1 .info
	{width: 900px;}

}



@media (max-width: 1160px){

	section.area1
	{width: 960px; height: 640px;}

	section.area1 .info
	{width: 960px; left: 0;}

}



@media (max-width: 1050px){

	section.area1
	{width: 688px; height: 815px;}

	section.area1 .info
	{width: 688px;}

}

@media (max-width: 850px){

	.dark-header
	{display: none;}

	header
	{top: 0; height: 60px;}

	header nav ul
	{display: none;}

	header nav .logo-header
	{width: 160px !important; height: 45px; margin-top: 7px; margin-left: 30px;}

	.burger 
	{display: block; top: 15px; right: 30px;}
	
	.content
	{padding-top: 60px;}

	section .btn a
	{height: 60px;}
	
	section .btn h3
	{padding: 0px; line-height: 60px;}
}


@media (max-width: 800px){

	
	
}


@media (max-width: 740px){

	section div .small-text
	{font-size: 16px; line-height: 26px; margin-bottom: 10px;}

	section div li
	{font-size: 16px; line-height: 30px !important; margin-bottom: 10px;}

	section.area1
	{width: 500px; height: 600px;}

	section.area1 .info
	{width: 500px;}

	section .btn
	{height: 40px; width: 192px;}

	section .btn h3
	{padding-top: 8px; font-size: 14px;}

	section .btn a
	{height: 40px;}
	
	section .btn h3
	{padding: 0px; line-height: 40px;}


}


@media (max-width: 560px){

	section.area1
	{width: 300px; height: 900px;}

	section.area1 .info
	{width: 300px;}

}