#about-image-container{
  padding: 20px 40px 60px 70px;
  align-self: center;
  height: 100%;
  width: calc(50% - 110px);
  justify-content:center;
  display:flex;
}

#about-text-container{
  display:flex;
  flex-direction: column;
  align-self:center;
  width:calc(50% - 60px);
  padding: 20px 20px 20px 40px;
}


#office-image{
  justify-content: center;
  align-self: center;
  width:90%;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0px 0px 4px #A9B4C2;
  padding: 5px;
}

#about-text{
  align-self: center;
  font-size: 18px;
  margin: auto;
  line-height: 2em;
}

.contact-button{
  text-decoration-color: #a2dffb;
  color: #007db5;
}

#contact-button:hover, #contact-button:focus{
  color: #B80056;
  text-decoration-color: #B82C6D;
}

@media screen and (max-width: 1127px) {
  #base-container {
    flex-direction: column; /* change the direction of the container */
  }
  #about-text-container{
    order:2;
    padding: 20px 20px 100px 20px;
    width:calc(100% - 40px);
  }
  #about-image-container{
    order:1;
    padding: 40px 0px 30px 0px;
    width: 80%;
    justify-content:center;
  }
  #office-image{
    text-align:center;
  }
}

@media screen and (max-width: 600px){
  .title-container::before {
    opacity: 0.1;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    }
}