.intro p {font-size:1.3em;}
.video {padding:2%;}
.separator .column1 {height: 2vh; background-color: #cc4e0b; margin: 2% auto;}
.honors-title h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.75rem; letter-spacing:1px;
  font-weight: 800;
  color: #0b2341;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}

.honors-title h2:after,.honors-title h2:before {
  content: " ";
  display: block;
  border-bottom: 2px solid  #cc4e0b;
  background-color: transparent;
}
.row-bg {
  background-color: #f6f6f6;
}
.admissions-title h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.75rem; letter-spacing:1px;
  font-weight: 800;
  color: #0b2341;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}
.admissions-title h2:before {
  content: " ";
  display: block;
  border-bottom: 2px solid  #cc4e0b;
  background-color:transparent;
}
.visit-title h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.75rem; letter-spacing:1px;
  font-weight: 800;
  color: #0b2341;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}
.visit-title h2:after, .visit-title h2:before {
  content: " ";
  display: block;
  border-bottom: 2px solid  #cc4e0b;
  background-color: transparent;
}

.box {
background-color: #fff;
}
.card {
border: none !important;
background-color: transparent;
}
.o-diag{
  --skew-angle: 30deg;
  background: #fff;
  position: relative;
  isolation: isolate;
}
.o-diag::before {
 content: '';
  background: #cc4e0b;
  position: absolute;
width: 300px;
top: 0;
bottom: 0;
right: 0;
  z-index: -1;
  transform: skew(var(--skew-angle));
transform-origin: top;
}
@media screen and (max-width: 991px) {
.visit-bg {
background-color: #f6f6f6;
}
}
@media (min-width: 992px) {
.visit-title h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.75rem; letter-spacing:1px;
  font-weight: 800;
  color: #0b2341;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}
.visit-title h2:after {
  content: " ";
  display: block;
  border-bottom: 2px solid  #cc4e0b;
  background-color: transparent;
}
.visit-title h2:before {
content: " ";
  display: block;
  border-bottom: 2px solid  transparent;
  background-color: transparent;
}
.box {
background-color: #fff;
}
.a-row{
  position: relative;
}
.a-row:before {
 content: '';
  background-color: #f6f6f6;
  position: absolute;
top: 0;
bottom: 0;
left: -5rem;
width: 30%;
max-width: 22rem;
z-index: -1;
}
.a-list {
padding-top: 3.75rem;
padding-bottom: .625rem;
list-style: none !important;
}
.a-list li {
margin-bottom: 3rem;
}
.a-content {
display: flex;
align-items: center;
}
.a-images {
width: 50%;
}
.a-text {
padding-left: 5rem;
flex: 0 1 auto;
width: 60%;
}
.diagonal{
  skew-angle: -30deg;
  background: #f6f6f6;
  position: relative;
  isolation: isolate;
}
.diagonal:after {
  content: '"';
  background: #0b2341;
clip-path: polygon(0 0, 0 150%, 100% 0);
  position: absolute;
width: 300px;
top: 0;
bottom: 0;
left: 0;
  z-index: -1;
inset: 0;
  transform: skew(var(--skew-angle));
transform-origin: top;
}
}
@media (min-width: 1300px) {
.diagonal:after {
  background: no-repeat center/cover url("https://bpb-us-e2.wpmucdn.com/wordpress.auburn.edu/dist/f/181/files/2023/11/paulandguysfrenzy.png");
clip-path: polygon(0 0, 0 150%, 100% 0);
width: 500px;
}
}
@media (min-width: 1600px) {
.diagonal:after {
  background: no-repeat center/cover url("https://bpb-us-e2.wpmucdn.com/wordpress.auburn.edu/dist/f/181/files/2023/11/paulandguysfrenzy.png");
clip-path: polygon(0 0, 0 250%, 100% 0);
width: 600px;
}
}
.bottom-left {
  position: relative;
  bottom: 38px;
  left: 0px;
background-color: #fff;
padding: 1rem;
color: #0b2341;
text-decoration: none;
font-weight: 400;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
 .row-btn:hover img{
cursor: pointer;
box-shadow: rgba(204, 78, 11, 0.4) -5px 5px, rgba(204, 78, 11, 0.3) -10px 10px, rgba(204, 78, 11, 0.2) -15px 15px, rgba(204, 78, 11, 0.1) -20px 20px, rgba(204, 78, 11, 0.05) -25px 25px;
}
.row-btn img {
box-shadow: rgba(11, 35, 65, 0.4) -5px 5px, rgba(11, 35, 65, 0.3) -10px 10px, rgba(11, 35, 65, 0.2) -15px 15px, rgba(11, 35, 65, 0.1) -20px 20px, rgba(11, 35, 65, 0.05) -25px 25px;
}
.bottom-left:hover {
color: #0b2341;
}
.row-btn #hover-icon {
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.row-btn:hover #hover-icon, .row-btn:focus #hover-icon, .row-btn:active #hover-icon {
  transform: translateX(4px);
}