home .mainBody {
     margin: auto;
}
 .noImpact {
     display: none;
}
 .impact .slide .textOverlay h1 {
     font-size: 2.5em;
}
 #calendar .date {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 30% 1fr;
     grid-template-columns: 25% 1fr;
     margin: 10px 12px 10px 0;
}
 .date .left {
     border: 3px solid #aa1010;
     padding: 10px;
     text-align: center;
}
 .date .right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .date .left span.day {
     display: block;
     font-weight: bold;
     font-size: 1.1rem;
     line-height: 1.5rem;
}
 .date .left span.month {
     display: block;
}
 .date .right .title {
     padding-left: 20px;
}
 #callouts ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 #callouts .list {
     position: relative;
     background: white;
     -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
     margin-bottom: 30px;
     padding: 35px 25px;
     margin: 0 0 30px 0;
}
 #callouts .list:before {
     content: "";
     height: 3px;
     width: 100%;
     background: #aa1010;
     position: absolute;
     left: 0;
     top: 0;
     margin: 0;
     padding: 0;
}
 #callouts .list .table {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 30% 1fr;
     grid-gap: 20px;
}
 .home a.scrollTo {
     display: none;
}
 .slick-initialized .slick-slide {
     max-height: 380px;
     background-position-y: center !important;
}
 section.columns.bg.gray-bg {
     background: none;
     background: #f4f4f4;
     background: -o-linear-gradient(top, #f4f4f4 0%, white 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(white));
     background: linear-gradient(to bottom, #f4f4f4 0%, white 100%);
}
 a.cta-button {
     text-decoration: none;
}
 a.cta-button.inverted {
     background: #fff;
     border: 2px solid #aa1010;
     color: #aa1010;
}
 a.cta-button i {
     margin-right: 8px;
}
 .contact-us h3 {
     font-size: 0.9rem;
     text-transform: uppercase;
     line-height: 1.5rem;
     margin-bottom: 25px;
}
 .mainBody#content .mainContent .content .columns .col12 .row.contact-us 
 /*.col4 */
 p {
     font-size: 1.1rem;
     line-height: 1.5rem;
     margin-bottom: 20px;
}
 .dynamic-search {
     -webkit-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 7%);
     box-shadow: 0 3px 15px 0 rgb(0 0 0 / 7%);
     border-radius: 10px;
}
 #dynamicSearchBox .md-form {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 90% 1fr;
     grid-template-columns: 1fr 90% 1fr;
}
 #dynamicSearchBox .searchBox {
     background: transparent;
     color: #000;
     font-size: 1.5rem;
}
 .search-button button {
     border: 0;
     background: transparent;
     cursor: pointer;
}
 .search-icon, .search-button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
}
 .search-icon .fa-search, .search-button .fa-chevron-right {
     color: #aa1010;
     font-size: 1.5rem;
}
 .search-input ::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #89191c;
     font-weight: 400;
     font-style: normal;
     opacity: 1;
    /* Firefox */
}
 .search-input ::-moz-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #89191c;
     font-weight: 400;
     font-style: normal;
     opacity: 1;
    /* Firefox */
}
 .search-input :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #89191c;
     font-weight: 400;
     font-style: normal;
     opacity: 1;
    /* Firefox */
}
 .search-input ::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #89191c;
     font-weight: 400;
     font-style: normal;
     opacity: 1;
    /* Firefox */
}
 .search-input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #89191c;
     font-weight: 400;
     font-style: normal;
     opacity: 1;
    /* Firefox */
}
 .search-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #89191c;
}
 .search-input ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #89191c;
}
 .full.searchBoxWrapper .wrapper {
     width: 100%;
     padding: 0;
}
 .carousel .slide img {
     margin-top: -15%;
}
 section.impact.slick-slider {
     min-height: 300px;
     margin-top: 0;
}
 .grid {
     display: -ms-grid;
     display: grid;
}
 .landing .grid .full-width {
     padding: 0 15px 10px;
}
 @media screen and (min-width: 1600px) {
     section.impact.slick-slider {
         min-height: 300px;
    }
}
 @media screen and (min-width: 1024px) {
    /* #callouts .list .table .left {
         padding-left: 20px;
         width: 130px;
    }
     */
     #callouts .list .table h3 {
         font-size: 1.3rem;
         line-height: 1.5rem;
    }
}
 @media screen and (min-width: 992px) {
     .home.carousel {
         min-height: 350px;
         max-height: 380px;
    }
}
 @media screen and (min-width: 900px) {
     
    #calendar .date {
        -ms-grid-columns: 40% 1fr; /* Slightly increase the width for the date box */
        grid-template-columns: 28% 1fr;
        margin: 10px 0;/* Maintain increased top and bottom margin for better spacing */
    }
    .date .left {
        padding: 5px; /* Increase padding to give the date box more breathing room */
        border: 3px solid #aa1010; /* Keep the border styling consistent */
    }
       .date .right {
        align-items: center; /* Ensure that the text is aligned centrally */
    }

     .grid .event-calendar {
         -ms-grid-column: 2;
         grid-column-start: 2;
    }
     .grid .full-width {
         -ms-grid-column: 1;
         -ms-grid-column-span: 2;
         grid-column: 1 / span 2;
    }
     .grid {
         -ms-grid-columns: 30% 1fr;
         grid-template-columns: 30% 1fr;
         grid-gap: 10px 30px;
    }
    /* #callouts .list .table h3 {
         margin-bottom: 30px;
    }
     */
     #callouts .list {
         padding: 45px 10px 10px;
    }
     #callouts {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
         grid-template-columns: repeat(4, 1fr);
         grid-gap: 20px;
    }
     .event-calendar .event-feed {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         grid-gap: 20px;
    }
     .event-calendar .event-info {
         display: -ms-grid;
         display: grid;
         margin-bottom: 20px;
         -webkit-box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
         box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
    }
     .event-calendar .event-info .content {
         padding: 15px 5px 15px 10px;
    }
     .event-calendar .event-info .title {
         font-weight: bold;
    }
}
/* @media screen and (min-width: 768px) {
     .impact .slide img {
         margin-top: -250px;
    }
}
 */
 @media screen and (min-width: 600px) {
    /* #callouts .list .table .left {
         padding-right: 20px;
    }
     */
}
 @media screen and (max-width: 767px) {
     .home .mainBody {
         margin: 0;
    }
     #offcanvasMenu~.bodyWrapper #alertButton {
         top: auto;
         bottom: 20px;
         left: 0;
    }
     .impact.wrap .slide img {
         min-height: auto;
    }
     #calendar .date {
         -ms-grid-columns: 90px 1fr;
         grid-template-columns: 90px 1fr;
    }
     body:not(.menu-open) header.mainSite .standardNav {
         display: none;
    }
     .menu-open .bodyWrapper {
         overflow: visible;
    }
     .slick-slider .slick-track, .slick-slider .slick-list {
         width: 100% !important;
         max-height: 300px;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
    }
     .home.carousel {
         min-height: 100px;
    }
     .home.carousel .slick-slide {
         width: 100% !important;
         max-height: 300px;
         height: auto;
         z-index: 2 !important;
    }
     .home.carousel {
         min-height: auto;
         max-height: 300px;
    }
     #callouts .table .right h3 {
         text-align: center;
         font-size: 2rem;
    }
     #callouts .table .left img {
         margin: auto;
    }
     #dynamicSearchBox .md-form {
         -ms-grid-columns: 1fr 80% 1fr;
         grid-template-columns: 1fr 80% 1fr;
    }
     .quick-links {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
    }
     .academic-calendar {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
    }
     .event-calendar {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
    }
}