@import url('../styles/standard.css?version=6');
@import url('../custom_scripts/styles/academics-widget.css');

.heading {
	/* this is the background image */
	background: url('http://mess06.mess.dev-l.hq.jadu.net/images/img_27.jpg') no-repeat;
	display: block;
	min-height: 270px;
	background-size: 100% 100%;
	border-bottom: 7px solid #6697b8;
}

.holder h2 {
	float: left;
	font: 22px/26px 'mendoza-book', serif;
	margin: 0 0 0 -12px;
	position: absolute;
	top: 340px;
	text-transform: uppercase;
	text-shadow: 1px 1px rgba(0,0,0,0.56);
	background: rgba(39,61,94,0.85);
	padding: 15px 21px;
	letter-spacing: 2px;
	color: #fff;
}

.two-columns .widget-width > .widget {
	background: none;
}

/* .widget__image {
	margin: 44px 0 -110px 0;
}

*/

/*.widget__content {
	width: 100%;
}
*/

/*Page banner margin-top*/


@media screen and (max-width: 450px) {
  .heading {
    min-height: 150px!important;
  }

  .holder h2 {
    top: 220px!important;
  }
}

@media screen and (max-width: 600px) {
  .holder h2 {
    top: 290px;
  }

  .heading {
    min-height: 220px;
  }

}

@media screen and (min-width: 768px) {
    .main-holder {
    margin-top: -9%;
  }

  .holder h2 {
    top: 362px;

  }

  .heading {
    background-size: 100%;
    height: 340px;
    padding: 0;
  }

  .heading .holder {
    width: 1024px;
  }
}
/*desktop 1*/
@media screen and (min-width: 999px){

  .holder h2 {
    width: auto;
    position: absolute;
    top: 429px;
  }

  .heading {
    height: 530px;
    margin-top: 44px !important;
  }

  .holder h2 {
    margin-left: 0px;
  }

}
/*desktop 2*/
@media screen and (min-width: 1205px) {
  .heading .holder {
    width: 1186px;
  }
  .heading {
    height: 545px;
    padding: 3% 0 0 0;
    margin-top: 44px !important;
  }

  .holder h2 {
    top: 468px;
  }

}
/*desktop 3*/
@media screen and (min-width: 1300px) (max-width: 1599px)  {

  .heading {
    height: 525px;
    margin-top: 44px;
  }

  .holder h2 {
    top: 786px;
  }
}

/*desktop 4*/
@media screen and (min-width: 1600px) {

  .heading {
    height: 580px;
    margin-top: 0px !important;
  }
    .holder h2 {
    top: 517px;
  }

}