body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
p {
	font-size:1.25rem;
}
li.nav-item {
  left: 0;
  border-right: 1px solid rgb(11, 35, 65);
  color: rgb(11, 35, 65);
  font-size: 1.2rem;
}
a.col {
  font-size: 1.2rem;
}
.col-12.body-wrapper {
  display: block;
  position: relative;
  width: 100%;
}
.centered {
	text-align: center;
}
.navbar-nav .dropdown-menu {
	min-width:100%;
}
.spacer {
	padding:1% 0;
}
.dialog-1 {
	width:80%;
	max-width:80%;
}
/* PAGE SPECIFIC STYLING */
.title-bluebar.title-container .content {
    min-height: 30vh;
	height: 30vh;
}
.title-bluebar.title-container .content .title {
    padding: 1% 0% 1% 6.25%;
}
.title-container {
  background: url("https://auburn.edu/academic/provost/sacscoc/_assets/images/aerial-photo.jpg");
  background-position: center center;
  background-size: cover;
}
.navbar-expand-xl .navbar-nav {
    flex-direction: row;
    left: 2.5%;
    position: relative;
}
.col-10.content-wrapper {
  display: block;
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 2% 0 0 0;
}
.col-3.chapter-card {
	display: inline-block;
	position: relative;
	width:23%;
	margin: 0 .5%;
	padding: 2%;
}
.col-4.chapter-card {
	display: inline-block;
	position: relative;
	width:31%;
	margin: 0 .5%;
	padding: 5%;
}
.card-text {
	text-align:center;
}
.col-3.button-wrapper {
	display: block;
	position: relative;
	margin: 0 auto;
}
.btn-farewell {
	color: #fff;
    background-color: rgb(11,35,65);
    border-color: rgb(204,78,11);
    padding: 3%;
    width: 100%;
	font-size:1.25rem;
}
.btn-farewell:hover, .btn-farewell:focus {
	color: #fff;
    background-color: rgb(204,78,11);
    border-color: rgb(11,35,65);
    width: 100%;
	font-size:1.25rem;
}
.col-8.winners {
	display: block;
	position: relative;
	margin: 0 auto;
}
@media only screen and (max-width: 2560px) {}
@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1536px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1280px) {
	.col-3.chapter-card {
		display: inline-block;
		position: relative;
		width:48%;
		margin: 0 .5%;
		padding: 2%;
	}
	.col-4.chapter-card {
		display: inline-block;
		position: relative;
		width:48%;
		margin: 0 .5%;
		padding: 5%;
	}
}
@media only screen and (max-width: 962px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 768px) {
	.col-3.chapter-card {
		display: inline-block;
		position: relative;
		width:100%;
		margin: 0 .5%;
		padding: 2%;
	}
	.col-4.chapter-card {
		display: inline-block;
		position: relative;
		width:100%;
		margin: 0 .5%;
		padding: 5%;
	}
	.col-3.button-wrapper {
		display: block;
		position: relative;
		margin: 0 auto;
		width:50%;
	}
	.hide {
		display: none;
	}
}
@media only screen and (max-width: 601px) {}
@media only screen and (max-width: 414px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 360px) {}