#welcome{
  background-image: url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/gradient-background.svg");
  /* background-position: cover; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*min-height: 250px;*/
  /*min-height: 35vh;*/

}
#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);
}
.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;
  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;
}
#bgc-offices .col:hover{
  background-image: url("https://www.tamuk.edu/enrollment-management/_images_EM/bgc-images/office-circle-hover.svg");
}


.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-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: 768px) {
  .survey .wrapper {
    background-size: cover;
  background-position:top right;
  }
}