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

.content
{padding-top: 120px}



/*-----------CAPA-----------*/

.cover
{
	display: block;
	width: 100%;
	height: 320px;
	position: relative;
	top: 0px;
	left: 0;
	z-index: 0;
}

img.cover-image
{
	width: auto;
	height: 100%;
}

.cover .h1-background
{
	height: 100px;
	width: 730px;
	background-color: #000000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -365px;
}

.cover .h1-background h1
{
	color: #FFFFFF;
	text-align: center;
	line-height: 100px;
}



/*-------------About-----------*/

.grid
{width: 1170px; margin:auto;}

section.about
{
	width: 100%;
    position: relative;
    top: 0px;
    /*height: 1250px;*/
    overflow: auto;
}

/*-----------SIDEBAR-----------*/


section.sidebar
{
	float: left; 
	width: 270px; 
	display: block;
	overflow: hidden;
	margin: auto;
	padding: 90px 0px 90px 0px;
}


section.sidebar h3
{
	color: #ADADAD;
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 40px;
	letter-spacing: 0.35px;
}

section.sidebar ul li a
{
	color: #A7A7A7;
	font-size: 16px;
	font-weight: 300;
	line-height: 36px;
	font-family: 'Conv_Roboto-Light', sans-serif;
	text-transform: none;
	margin-bottom: 10px;
	letter-spacing: 0.35px;
}

section.sidebar ul li.active a
{color: #4CB64F;}

section.sidebar ul li a:hover
{color: #4CB64F;}


/*---------SECTION--------*/


section.grid-right
{
	width: 870px;
	overflow: hidden;
	display: block;
	margin: auto;
	padding: 90px 0px 90px 0px; 
	float: right;
}

section.grid-right h3
{margin-bottom: 40px;}

h3.special
{color: #4CB64F; margin-top: 50px; margin-bottom: 20px !important;}




/*---------BULLETS--------*/

.special-bullet .item
{ height: 36px; margin-bottom: 15px;}

.special-bullet .bullet
{
	height: 18px;
	width: 3px;
	background-color: #4CB64F;
	float: left;
	margin-right: 10px;
	margin-top: 8px; 
}

.special-bullet .item:nth-child(8)
{margin-bottom: 0px;}

.special-bullet p
{float: left; vertical-align: middle;}


/*---------- BTN -----------*/

section.grid-right .btn-file
{height: 60px; background-color: #000000; width: 235px; margin-top: 60px; cursor: pointer;}

section.grid-right .btn-file p
{padding-left: 30px; line-height: 60px; color: white; font-family: 'Conv_Roboto-Regular', sans-serif; font-size: 20px;}

section.grid-right .btn-file:hover
{background-color: #4CB64F;}





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

@media (max-width: 1300px){

	.grid
	{width: 960px;}
	
	section.about
	{height: 1115px; overflow: hidden;}

	section.sidebar
	{width: 230px;}

	section.grid-right
	{width: 700px;}
}



@media (max-width: 1050px){

	.grid
	{width: 688px;}

	section.about
	{height: 1500px;}

	section.sidebar
	{padding-bottom: 0px; width: 688px;}

	section.grid-right
	{width: 688px; margin: auto;}

}

@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.video-reel
	{height: 432px;}	
}

@media (max-width: 800px){

	
}

@media (max-width: 740px){

	.content
	{padding-top: 0px;}

	.grid
	{width: 500px;}

	.cover
	{height: 250px; top: 60px;}

	.cover .h1-background
	{height: 80px; width: 380px; margin-top: -40px; margin-left: -190px;}

	.cover .h1-background h1
	{font-size: 30px; line-height: 80px;}

	section.about
	{height: 1460px; top: 60px;}

	/*section.sidebar
	{display: none;}*/

	section.grid-right
	{width: 500px;}

	.special-bullet .bullet
	{margin-top: 3px;}

	section.grid-right .btn-file
	{height: 40px; width: 165px;}

	section.grid-right .btn-file p
	{padding-left: 20px; line-height: 40px; font-size: 15px;}
	

}

@media (max-width: 560px){

	.cover
	{height: 200px; top: 60px;}

	.cover .h1-background
	{height: 50px; width: 300px; margin-top: -25px; margin-left: -150px;}

	.cover .h1-background h1
	{font-size: 25px; line-height: 50px;}

	.grid
	{width: 280px;}

	section.about
	{height: 1670px; top: 60px;}

	section.sidebar
	{width: 280px; float: none; margin: auto;}

	section.grid-right
	{width: 280px;float: none; margin: auto;}

	.special-bullet p
	{width: 260px;}

	.special-bullet .item:nth-child(5), .special-bullet .item:nth-child(6), .special-bullet .item:nth-child(7)
	{height: 55px;}	

}