/* CSS PROJETO *******//*=== Projeto em números ================*/
.projectInfo-bar{
	width: 100%;
	height: 130px;
	background-color: #d6d2c5;
	color: black;
}
.projectInfo-bar .container-custom{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* divisões */
.projectBar-col{
	display: inline-block;
	width: 225px;
}

/* título da barra */
.projectBar-title{
	vertical-align: top;
	font-size: 17pt;
	padding: 5px 0px 5px 0px;
}
/* ícones */
.projectBar-icon{
	display: inline-block;
	width: 60px;
	height: 65px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto; 
}
.projectBar-icon.beginning-icon{
	background-image: url('../images/icons/inicio.png');
}
.projectBar-icon.partner-icon{
	background-image: url('../images/icons/parceiro.png');
}
.projectBar-icon.products-icon{
	background-image: url('../images/icons/produto.png');
}
.projectBar-icon.team-icon{
	background-image: url('../images/icons/equipe.png');
}
.projectBar-icon.status-icon{
	background-image: url('../images/icons/andamento.png');
}

/* divisao com o texto */
.projectBar-text{
	vertical-align: top;
	display: inline-block;
	padding: 0px 15px;
	margin-top: 20px;
}
/* titulo da div */
.projBarText-title{
	font-size: 15pt;
	color: #8c8683;
	text-transform: lowercase;
}

/* info da div */
.projBarText-input{
	font-size: 24pt;
	line-height: 12pt;
	color: black;
	text-transform: uppercase;
}
.projBarText-status{
	font-size: 12pt;
	margin-top: 0px;
}

/*=== Informações do projeto ========================*/
.project-wrapper{
	padding: 60px 0px;
}

/* texto */
.project-text{
	display: inline-block;
	vertical-align: top;
	width: 650px;
	text-align: justify;
	padding-right: 70px;
}

/* título relatórios */
.projReports-title{font-size: 16pt;}

/* relatórios */
.projReports-container{
	display: inline-block;
	width: 730px;
}

/* links para os relats */
.reportLink-content{
	width: 200px;
	height: 200px;
	margin: 15px 15px 15px 0px;
}

/* Layout responsivo *//* ======  min-width: 1200px ============*/
@media only screen and (max-width: 1499px){
	
	/*=== Barra proj em num ===*/

	/* titulo barra */
	.projectBar-title{
		font-size: 14pt;
		padding-top: 15px;
	}
	/* divisões */
	.projectBar-col{
		width: 175px;
	}
	/* texto */
	.projBarText-input{
		font-size: 18pt;
	}
	.projBarText-status{
		font-size: 10pt;
	}
	.projBarText-title{
		font-size: 13pt;
	}
	/* icones */
	.projectBar-icon{
		width: 50px;
	}

	/*=== Informações do projeto ===*/
	.project-text{
		width: 570px;
	}

	/*=== Relatórios ===*/
	.projReports-container{
		width: 520px;
	}
	.reportLink-content{
		width: 155px;
		height: 155px;
	}
}

/* ======  min-width: 992px =============================================*/
@media only screen and (max-width: 1199px){
	
	/*=== Projeto em números ===*/
	.projectInfo-bar{
		height: 95px;
	}
	.projectBar-title{
		font-size: 12pt;
	}
	/* divisões */
	.projectBar-col{
		width: 140px;
	}
	/* icones */
	.projectBar-icon{
		width: 35px;
	}
	/* texto */
	.projBarText-input{
		font-size: 12pt;
		line-height: 8pt;
	}
	.projBarText-title{
		font-size: 11pt;
	}
	.projBarText-status{
		font-size: 8pt;
	}

	/*=== Informações do projeto ===*/
	.project-text{
		width: 405px;
		padding-right: 50px;
	}

	/*=== Relatórios ===*/
	.projReports-container{
		width: 450px;
	}
	.reportLink-content{
		width: 130px;
		height: 130px;
	}
}

/* ======  min-width: 768px =============================================*/
@media only screen and (max-width: 992px){

	/*=== Projeto em números ===*/
	.projectInfo-bar{
		height: 130px;
	}
	.projectInfo-bar .container-custom{
		padding: 10px 0px 25px 0px;
	}
	/* divisões */
	.projectBar-col{
		width: 110px;
		text-align: center;
	}
	/* icones */
	.projectBar-icon{
		width: 50px;
	} 
	/* texto */
	.projectBar-title{
		padding-top: 50px;
	}
	.projectBar-text{
		margin-top: 0px;
	}

	/*=== Informações do projeto ===*/
	.project-wrapper{
		padding: 25px 0px;
	}
	.project-text{
		width: 690px;
		padding-right: 0px;
	}

	/*=== Relatórios ===*/
	.projReports-container{
		width: 690px;
		padding-top: 30px;
	}
	.reportLink-content{
		width: 175px;
		height: 175px;
	}
}

/* ======  min-width: 480px =============================================*/
@media only screen and (max-width: 768px){
	
	/*=== Projeto em números ===*/
	.projectBar-title{
		display: none;
	}
	.projectInfo-bar .container-custom{
		padding: 10px 0px 20px 0px;
		top: auto;
		transform: none;
	}

	/* divisões */
	.projectBar-col{
		width: 85px;
	}

	/* icones */
	.projectBar-icon{
		width: 50px;
	}

	/* texto */
	.projectBar-text{
		padding: 0px;
	}

	/*=== Informações do projeto ===*/
	.project-text{
		width: 410px;
		padding-right: 0px;
	}

	/*=== Relatórios ===*/
	.projReports-container{
		width: 450px;
		padding-top: 30px;
	}
	.reportLink-content{
		width: 125px;
		height: 125px;
	}
}

/* ======  min-width: 260px =============================================*/
@media only screen and (max-width: 479px){

	.banner-container{
		height: auto;
	}

	/*=== Projeto em números ===*/
	.projectInfo-bar{
		text-align: center;
		padding-top: 0px;
		height: 115px;
	}
	.projectInfo-bar .container-custom{
		padding: 10px 0px;
	}

	/* divisões */
	.projectBar-col{
		width: 60px;
		height: 75px;
	}

	/* ícone */
	.projectBar-icon{
		width: 30px;
		height: 50px;
	}

	/* texto */
	.projectBar-text{
		display: block;
		padding: 0px;
	}

	/*=== Informações do projeto ===*/
	.project-text{
		width: 260px;
	}

	/*=== Relatórios ===*/
	.projReports-container{
		width: 220px;
	}
	.reportLink-content{
		width: 265px;
		height: 265px;
	}
}