.col-12.body-wrapper {
	display: block;
	position: relative;
	width: 100%;
}

ul li, ol li {
	position: relative;
	left:2%;
	font-size:1.25rem;
}

.col-12.page-header-container {
	display: block;
	position: relative;
	width: 100%;
}

.col-12.content-wrapper{
	display: block;
	position: relative;
	width:100%;
}

.col-10.content-wrapper {
	display: block;
	position: relative;
	width:90%;
	margin: 0 auto;
	padding: 2% 0;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.spacer {
	padding: 2% 0;
}

.slide {
	margin: 0 5%!important;
}

/* ---------------------------------------------------------------------------------*/
.col-12.page-header-container {
	display: block;
	position: relative;
	width: 100%;
}

.banner-video-container {
	display: block;
	position: relative;
	width:100%;
	height:38vh;
}


.homepage-image {
	background:url("../images/page-headers/Transfer Headers MAIN.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.auburn-curriculum {
	background:url("../images/page-headers/Transfer Headers4.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.connect {
	background:url("../images/page-headers/Transfer Headers5.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.student-resources {
	background:url("../images/page-headers/Transfer Headers6.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.transfer-admission {
	background:url("../images/page-headers/Transfer Headers.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.transfer-credit {
	background:url("../images/page-headers/Transfer Headers2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.transfer-process {
	background:url("../images/page-headers/Transfer Headers3.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fluidMedia {
    position: relative;
    padding-bottom: 25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.wide {
	max-width:80%;
}
.col-3.btn-contain {
	width:23%;
	margin: 0 1%;
}
.col-4.btn-contain {
	width:31%;
	margin: 0 1%;
}
.btn-primary {
	font-size:1.2rem;
	padding:2%;
	width:100%;
	margin: 2% 0%;
}

.btn.btn-primary.filter, .btn.btn-primary {
	background-color:rgb(11,35,65);
	border-color:rgb(207,78,11);
}

.btn.btn-primary.filter:hover, .btn.btn-primary:hover {
    background-color: rgb(204,78,11);
	border-color:rgb(11,35,65);
}

.btn.btn-primary.filter.active, .btn.btn-primary.active {
    background-color: rgb(204,78,11);
	border-color:rgb(11,35,65);
}

.square {
	display: block;
	position: relative;
	width:20rem;
	height:20rem;
	margin: 0 auto;
}

.accordion-button {
	font-size:1.25rem!important;
}
@media only screen and (max-width: 2560px) {
  
}

@media only screen and (max-width: 1920px) {
  
}


@media only screen and (max-width: 1536px) {
  	.col-3.btn-contain {
		display: block;
		position: relative;
		margin:2rem auto;
		width:48%;
	}
}

@media only screen and (max-width: 1440px) {
  
}

@media only screen and (max-width: 1366px) {
  
}
@media only screen and (max-width: 1280px) {
  	.col-3.btn-contain {
		display: block;
		position: relative;
		margin:2rem auto;
		width:48%;
	}
}
@media only screen and (max-width: 962px) {
  
}
@media only screen and (max-width: 800px) {
 
}

@media only screen and (max-width: 768px) {
	.col-3.btn-contain {
		display: block;
		position: relative;
		margin:2rem auto;
		width:80%;
	}
}
@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) {
  	
}