body{
	background: #fff;
}
#brodda-section1{
	background: url(../../images/partner/brodda/bg-brodda-section1.jpg) no-repeat center top #000;
	padding-bottom: 5%;
	min-height: 900px;
}
#brodda-section2{
	background: url(../../images/partner/brodda/bg-brodda-section2.jpg) no-repeat center bottom #fff;
	min-height: 800px;
	padding-top:20px;
}
.text-header{
	color:#fff;
	font-family: 'Open sans';
	font-style: italic;
	font-size:30px;
	margin:0 0 20px;
}
.text-header span{
	color:#59c05d;
}
.btn{
	font-family: 'Open sans';
	font-style: italic;
}

#player{
	position: relative;
	min-height: 507px;
}
.embed-container{
	position: absolute;
	top:10%;
	left:21.1%;
	right:23%;
	bottom:0;
}
.student{
	position: absolute;
	left:3%;
	z-index: 1;
	bottom: 25%;
}
.fifty_percen_off{
	position: absolute;
	left:0;
	z-index: 2;
	bottom: -20%;
}
.trainer{
	position: absolute;
	z-index: 2;
	right: 10%;
	bottom: -3%;
}
.training-home{
	position: absolute;
	right: -6%;
	z-index: 0;
	bottom: 7%;
}
.text-header2{
	color:#000;
	font-family: 'Open sans';
	font-style: italic;
	font-size:35px;
	margin:0 0 20px;
}
.text-header2 span{
	color:#59c05d;
}
.phone{
	position: absolute;
	right:-30%;
	bottom: -20%;
}

#section3{
	background: #363636;
	padding:30px 0;
	margin-bottom: 50px;
}
#section3 h3{
	margin:0 30px;
}
#section3 .btn{
	
}


@media (max-width:1200px){

}

@media (max-width:980px){
	#brodda-section1,#brodda-section2{
		min-height: 400px;
	}
	#brodda-section2{
		padding-bottom: 5%;
	}
	.trainer,.student,.training-home,.fifty_percen_off{
		display: none;
	}
	#player{
		margin:0 -10%;
	}
	.phone{
		right:0;bottom: 0;
		max-width: 300px;
	}
	#section3 .pull-left{
		float: none !important;
	}
	#section3 h3{
		text-align: center !important;
		font-size:25px;
	}
	#section3 br{
		display: none;
	}
	.text-header,.text-header2{
		font-size:25px;
	}
	#section3 .btn{
		
	
	}
	.text-header br{
		display: none;
	}
	#player{
	position: relative;
	min-height: 200px;
}
}
@media (max-width:767px){
	.phone{
		max-width: 100px;
	}
	#section3 h3{
		text-align: center !important;
		font-size:20px;
		margin:0;
	}

}