/*--------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;*/
}

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

.content
{padding-top: 120px;}


/*--------- area 1 --------*/

section.area1
{
	width: 970px;
	/*height: 740px;*/
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-top: 90px;
}

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

p.smaller
{font-size: 18px; line-height: 26px;}


section div a.text-link
{
    font-size: 15px;
	color: #47B749 !important;
}
section div a.text-link:hover
{
	cursor: pointer;
	color: #47B749 !important;
}



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


@media (max-width: 1050px){

	section.area1
	{width: 688px; /*height: 750px;*/}

	section.area1 .info-area-1
	{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;}
}


@media (max-width: 740px){

	section.area1
	{width: 500px; /*height: 630px;*/}

	section.area1 .info-area-1
	{width: 500px;}

	p.smaller
	{font-size: 14px; line-height: 20px;}

}


@media (max-width: 560px){

	section.area1
	{width: 280px; /*height: 835px;*/}

	section.area1 .info-area-1
	{width: 280px;}

}