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

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

.title-container {
  background: url("https://auburn.edu/academic/rotc/_assets/images/page-header/ROTC_Header.png");
  background-position: center center;
  background-size: cover;
}
.title-bluebar.title-container .content {
	min-height: 40vh;
	height:40vh;
}

.col-2.rotc-btn {
	display: inline-block;
	position: relative;
	width:18%;
	margin: 0 1%;
}

.col-2.empty {
	display: inline-block;
	position: relative;
	width:9%;
}

.seal {
	display: block;
	position: relative;
	width:80%;
	transform: scale(0.8);
	transition: transform .25s ease;
}

.seal:hover, .seal:focus {
	transform: scale(0.9);
}

.button {
  display: block;
  width: 200px;
  height: 60px;
  position: relative;
}

.button div {
  width: 100%;
  height: 100%;
  position: absolute;
  line-height: 60px;
  text-align: center;
  transform-origin: 50% 50% -30px;
  transition: all .2s ease;
  backface-visibility: hidden;
}

.button :nth-child(1) {
  color: black;
  background-color: transparent;
  transform: rotateX(90deg);
}

.button :nth-child(2) {
  background-color: rgb(11,35,65);
  color: white;
  transform: rotateX(0deg);
}

.button:hover :nth-child(1), .button:focus :nth-child(1) {
  transform: rotateX(0deg);
}

.button:hover :nth-child(2), .button:focus :nth-child(2) {
  transform: rotateX(-90deg);
}

@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) {
  	.seal {
		top:0;
	}
}

@media only screen and (max-width: 1366px) {
  	.seal {
		top:0;
	}
}
@media only screen and (max-width: 1280px) {
  	.col-2.rotc-btn {
		width:42%;
	}
	.seal {
		top:0;
	}
}
@media only screen and (max-width: 962px) {
  	.col-2.rotc-btn {
		width:42%;
	}
	.seal {
		top:0;
	}
}
@media only screen and (max-width: 800px) {
  	.col-2.rotc-btn {
		width:42%;
	}
	.seal {
		top:0;
	}
}

@media only screen and (max-width: 768px) {
  	.col-2.rotc-btn {
		width:75%;
		margin: 0 auto;
	}
	.seal {
		top:0;
	}
	.col-2.empty {
		display: none;
	}
}

@media only screen and (max-width: 601px) {
  	.col-2.rotc-btn {
		width:75%;
	}
}

@media only screen and (max-width: 414px) {
 	 .col-2.rotc-btn {
		width:75%;
	}
}

@media only screen and (max-width: 375px) {
  	.col-2.rotc-btn {
		width:75%;
	}
}

@media only screen and (max-width: 360px) {
	.col-2.rotc-btn {
		width:75%;
	}
}