/* Move down content because we have a fixed navbar that is 50px tall */

html {
  scroll-behavior: smooth;
}

body {
  padding-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}

.logo {
	width: 400px;
}

.navbar-inverse {

	background-color: #4f131f;
	padding: 24px 0px 24px 0px;
}

h1, h2 {
	font-family: 'Barlow', sans-serif;
	line-height: 1em;
}

.maroon {
	color: #4f131f;
}

.btn-primary {
	background-color: #4f131f;
	border-color: #2e6da4;
}

.jumbotron {
	background-color: #fff;
	padding-top: 20px;
}


.jumbotron p {
	font-size: 1.5em;
}

.overview {
	background-color: #ececec; 
	margin-top: 40px;
	padding: 20px;
}

.overviewExplainer ul {
	
	font-size: 1.3em;
	
}

.overviewExplainer p {
	font-size: 1.3em;
	padding: 0px 10px 0px 0px;
}

.concentrationBlock {
	padding: 25px;
	text-align:center;
}

.concentrationBlock img {
	height: 100px;
}

h3 {
	font-size: 1em;
}

.concentrationDetail {
	margin-top: 20px;
	background-color: #ececec;
}

.concentrationExplanation {
	padding: 30px;
}

.concentrationExplanation h2 {
	margin:0px;
	padding:0px;
}

.concentrationExplanation h3 {
	margin: 0px;
	padding: 5px 0px 10px 0px;
}

.concentrationExplanation p {
	font-size: 1.45em;
}

.jobSpotlight {
	margin: 30px 20px 20px 20px;
	padding: 20px 20px 30px 20px;
	background-color: #fff;
	height: 80%;
}

.jobSpotlight h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.curriculumBox {
	margin: 30px 20px 20px 20px;
        padding: 20px 20px 30px 20px;
        background-color: #fff;
        height: 80%;
}

.concentrationIcon {
	width: 130px;
	float: left;
	padding: 0px 20px 10px 0px;
}


.slotGeneralEducation {

	border: 1px solid #333;
	height: 150px;
	width: 280px;
	padding: 10px;
	display:block;

}

.slotCore {

	border: 1px solid #333;
	height: 150px;
	width: 280px;
	padding: 10px;
	display:block;

}

.slotConcentration {

	border: 1px solid #333;
	height: 150px;
	width: 280px;
	padding: 10px;
	display:block;
	background-color: #dddddd;

}

.programStudy {
	font-size: 12px;
	margin-top: 60px;
}

.programStudy h1 {
	font-size: 2em;
	font-weight: bold;
}

.programStudy h2 {
	font-size: 1em;
	font-weight: bold;
}

.programStudy h3 {
	font-size: 1em;
}

.programStudy h4 {
	font-size: 1em;
}

.programStudy .semester {
	padding: 0px 5px 0px 5px;
}

footer {
	margin-bottom: 150px;
}


@media print {
	.pageBreak { page-break-before: always; }
}

/* Small devices */
@media (min-width: 0px) and (max-width: 991px) {

	.jumbotron h1 { 
		font-size: 2.5em;
	}
	
	.jumbotron p {
		font-size: 1.25em;
	}
	
	.overview {
		background-color: #ececec; 
		margin-top: 20px;
		padding-top: 0px;
	}

	.eventBlock {
		background-color: #ececec;
		margin-bottom: 20px;

	}
	
	.coverImage {
		display:none;
	}
	
	.concentrationBlock {
		padding: 10px;
		text-align:center;
	}

	.concentrationBlock img {
		height: 50px;
	}
	
	.concentrationBlock a {
		font-size: 1em;
	}


	
	.navbar .logo {
		width: 280px;
	}
	
	.navbar-header {
		padding-left: 20px;
	}
	
	.concentrationDetail p {
		font-size: 1.25em;
	}
	
	.concentrationDetail h2 {
		font-size: 1.5em;
	}
	
	.concentrationDetail h3 {
		margin-top:10px;
	}
	
	.concentrationIcon {
		width: 100px;
		float: left;
		padding: 0px 10px 5px 0px;
		margin-right: 10px;
	}

	.concentrationExplanation h3 {
		margin: 0px;
		padding: 5px 0px 10px 0px;
	}

}

/* Medium devices  */
@media (min-width: 992px) and (max-width: 1199px) { 

	.jumbotron h1 { 
		font-size: 4em;
	}
	
	.overview {
		background-color: #ececec; 
		margin-top: 40px;
		padding-top: 0px;
	}
	
	.concentrationBlock {
		padding: 20px;
		text-align:center;
	}
	
	.concentrationBlock img {
		height: 80px;
	}
	
	.concentrationBlock a {
		font-size: .9em;
	}
	
	.navbar-header .logo {
		width: 300px;
	}
	
	.concentrationDetail p {
		font-size: 1.25em;
	}
	
	.concentrationDetail h2 {
		font-size: 1.8em;
	}
	
	.concentrationDetail h3 {
		margin-top:10px;
	}
	
	.concentrationIcon {
		width: 90px;
		float: left;
		padding: 0px 10px 10px 0px;
		margin-right: 10px;
	}

	.concentrationExplanation h3 {
		margin: 0px;
		padding: 5px 0px 10px 0px;
	}
	
}

/* Large devices */
@media (min-width: 1200px) {

	.jumbotron h1 { 
		font-size: 4.5em;
	}
	
}