/************************ Custom ************************/

/****** Begin breakpoint: desktop ******/
  
@media all and (min-width: 60.0625em) {

/* Navbar logo */

.navbar-brand { 
	width: auto;
	height: 52px;
	padding: .2em;
	}

/* Website logo For banner */

.header-logo {
	width: 300px !important;
	padding: .25em !important;
	}

/* Footer logos */

.footer-logo-dept {
	height: 20px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 14px;
	width: auto;
	margin-bottom: .5em;
	}

/* Remove commenting if using display suite advanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/

}
/****** End breakpoint: desktop ******/

/****** Begin breakpoint: tablet ******/
  
@media all and (min-width: 45.0625em) and (max-width: 60em) {

/* Navbar logo */

.navbar-brand { 
	max-width: 220px;
	width: auto;
	height: 52px;
	padding: .75em .75em .75em .75em;
	}
	
/* Website logo For banner */

.header-logo {
	width: 260px !important;
	padding: .25em !important;
	}
	
/* Footer logos */

.footer-logo-dept {
	height: 18px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 12px;
	width: auto;
	margin-bottom: .5em;
	}
	
/* Remove commenting if using display suite advanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.6em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/

}
/****** End breakpoint: tablet ******/

/****** Begin breakpoint: mobile ******/
@media all and (max-width: 45em) {

/* Navbar logo */

.navbar-brand {
	max-width: 200px;
	width: auto;
	height: 52px;
	padding: .75em .75em;
	}
	
/* Website logo For banner */
	
.header-logo {
	width: 200px !important;
	padding: 0 !important;
	}
	
/* Footer logos */

.footer-logo-dept {
	height: 18px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 12px;
	width: auto;
	margin-bottom: .5em;
	}
	
/* Remove commenting if using display suite advanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/	

}
/****** End breakpoint: mobile ******/


.group-middle .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item, .group-middle .field.field--name-node-title.field--type-ds.field--label-hidden.field--item,
.group-middle .field.field--name-field-year.field--type-list-string.field--label-hidden.field--item { 
	margin: 15px;

}

.field.field--name-field-interns.field--type-entity-reference.field--label-above, .field.field--name-field-mentor.field--type-entity-reference.field--label-above {
	margin-top: 60px;

}