main{
	padding-top: 99px;
}

#headerCompany {
	height: 530px;
	padding: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.titleCompany {
	top: 450px;
	background: #7bc65d;
	padding: 25px 40px;
	border-radius: 3px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3)
}

.titleCompany h1 {
	font-size: 2.4rem
}

#descriptionCompany {
	padding: 140px 0 80px;
	background: #fff
}

#descriptionCompany p {
	font-size: 18px;
	text-align: justify
}

#dividerCompany {
	height: 560px;
	padding: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: 60%;
	padding-top: 100px
}

.companyBox {
	background-color: #009f6d;
	opacity: .9;
	border-radius: 3px;
	padding: 25px
}

.companyBox p {
	font-size: 18px;
	text-align: justify
}


@media (min-width:300px) and (max-width:500px) {
	#headerCompany {
		height: 450px
	}

	.titleCompany {
		top: 370px;
		padding: 25px
	}

	.titleCompany h1 {
		font-size: 1.4rem
	}

	.companyBox p {
		font-size: 14px
	}

	#descriptionCompany p {
		font-size: 16px
	}

	#dividerCompany {
		background-size: cover;
		padding-top: 100px;
		background-position-x: right
	}

	.brandMainTitle {
		font-size: 1.8rem
	}

}

@media (min-width:500px) and (max-width:767px) {
	#headerCompany {
		height: 450px
	}

	.titleCompany {
		top: 400px;
		padding: 25px
	}

	.titleCompany h1 {
		font-size: 1.4rem
	}

	.companyBox p {
		font-size: 14px
	}

	#descriptionCompany p {
		font-size: 16px
	}

	#dividerCompany {
		background-size: cover;
		padding-top: 100px;
		background-position-x: right
	}

}

@media (min-width:767px) and (max-width:1200px) {
	#headerCompany {
		height: 450px
	}

	.titleCompany {
		top: 400px;
		padding: 25px
	}

	.titleCompany h1 {
		font-size: 2rem
	}

	.companyBox p {
		font-size: 16px
	}

	#descriptionCompany p {
		font-size: 16px
	}

	#dividerCompany {
		background-size: cover;
		padding-top: 100px;
		background-position-x: right
	}

}



/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* ----------- iPad 2 ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){

}

/* landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {

}

/* portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
	#dividerCompany{
		padding: 70px 0!important;
		height: auto!important
		
	}
}
