#welcome{
        background:#003399;
     background: linear-gradient(349.85deg, #002672 17.75%, #003399 92.21%), rgba(153, 153, 153, 0.06);
     width: inherit;
}
 #welcome .wrap{
    /*background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.35) 0%, rgba(153, 153, 153, 0) 100%);
     */
    /*backdrop-filter: blur(2px);
     */
}
 #welcome-img-col.d-flex img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 #welcome-content{
     max-width: 1000px;
}

 .office-card {
     border-bottom: 5px solid transparent;
     border-left: 2px solid transparent;
}

 .office-card:hover,  .office-card:focus,  .office-card:active {
     border-bottom: 5px solid #ffcc00;
     border-left: 2px solid #ffcc00;
}
 .office-card:hover h3,  .office-card:focus h3,  .office-card:active h3{
     font-weight: bold!important;
}

 .office-card{
     background: #FFFFFF;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
     padding: 10px;
     width:100%;
     height: 100%;
     justify-content: space-between;
     min-height: 120px;
}
 .offices {
     height: 100%;
     display : flex;
     justify-content: center;
     align-items: center;
}
 .office-text *{
     padding: 0;
     margin: 0;
}
 #bgc-offices .col {
     background-image: url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/office-circle-default.svg");
     background-repeat: no-repeat;
     background-position: contain;
     aspect-ratio: 1 / 1;
     background-size: 100% 100%;
     width: 100%;
     height: 240px;
     display : flex;
     flex-flow: column;
     justify-content: center;
     text-align: center;
     align-items:center;
     transition: background-image 500ms ease-in-out;
}
 @media only screen and (min-width: 993px) {
     #bgc-offices .col:hover{
         background-image: url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/office-circle-hover.svg");
    }
     #welcome .intro-img {
         min-height: 500px !important;
         height: 100%;
         width: 100%;
         object-fit: cover;
    }
}
 .offices>div{
     height: 100%;
     aspect-ratio : 1 / 1;
     display : flex;
     flex-flow: column;
     justify-content: center;
     text-align: center;
     align-items:center;
}
 .office-text {
     width: 85%;
     height: 85%;
     vertical-align: middle;
     margin: auto;
     background-color: #FFFFFF;
     border-radius: 200px;
     box-shadow:inset 0px 0px 2px rgb(0 0 0 / 0.5);
}
 .office-text:hover{
     box-shadow: 0px 0px 2px rgb(0 0 0 / 0.5);
}
 .office-text>div div{
     display: flex;
     flex-direction: column;
     width: 100%;
     height: 100%;
     max-width: 120px;
     margin: auto;
     align-items: center;
     justify-content: center;
     text-align: center;
}
 .office-text div{
     height: 100%;
     max-width: 120px;
     margin: auto;
     align-items: center;
     justify-content: center;
     text-align: center;
}
 .office-text img{
     height: 65px;
     width: 100%;
    /* max-width: 70px;
     */
}
 .contact {
     background-color:#FFFFFF;
    /*background-image: url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/hours.svg");
     */
    /*background-repeat: no-repeat;
     */
    /*background-size: cover;
     */
}
 .calendar {
     background: linear-gradient(101.5deg, #FFFFFF 48.12%, rgba(0, 0, 0, 0) 85.57%), url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/cheer-background-2.jpg");
     background-size: cover;
     background-position: center;
}
 .survey .wrapper{
     background-image: url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/survey.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: bottom left;
     min-width:50vw;
    /*min-height: 230px;
     */
     min-height: 35vh;
     margin: auto;
     display: grid;
     align-items: center;
}
 @media only screen and (max-width: 992px) {
     .survey .wrapper {
         background-size: cover;
         background-position:top right;
    }
     #welcome .intro-img {
         height: 300px !important;
        /*height: 100%;
         */
         width: 100%;
         object-fit: cover;
    }
}