.textimageBox .full-overlay .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}

.textimageBox .full-overlay .flex-wrapper .text-content {
  background-color: #f5f5f5;
  padding: 30px 20px;
}

.textimageBox .full-overlay .flex-wrapper .text-content p {
  margin: 20px 0 0;
}

.textimageBox .btn-primary {
  margin-top: 30px;
}

.textimageBox .btn-secondary {
  margin-top: 20px;
}

.textimageBox .bg-berry .btn-secondary {
  -webkit-box-shadow: inset -0.2rem 0.2rem 0 0 #ffffff, inset 0.2rem -0.2rem 0 0 #ffffff;
          box-shadow: inset -0.2rem 0.2rem 0 0 #ffffff, inset 0.2rem -0.2rem 0 0 #ffffff;
  color: #ffffff;
}

.textimageBox .bg-berry .btn-secondary:hover {
  color: #00008F;
}

.textimageBox .bg-berry .btn-secondary::after {
  background-color: #ffffff;
  border-color: #ffffff;
}

@media (min-width: 768px) {
  .textimageBox .btn {
    width: 46%;
  }

  .textimageBox .btn-primary {
    float: left;
    margin-right: 30px;
  }

  .textimageBox .btn-secondary {
    float: left;
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .textimageBox.-left .full-overlay .flex-wrapper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .textimageBox.-left .full-overlay .flex-wrapper .text-content {
    margin-right: 95px;
  }

  .textimageBox.-right .be-imageFigure {
    right: -25%;
  }

  .textimageBox.-right .text-content {
    margin-left: 95px;
    padding: 30px;
  }

  .textimageBox .be-imageFigure {
    max-width: 825px;
    position: relative;
    width: 75%;
  }

  .textimageBox .full-overlay .flex-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    position: absolute;
  }

  .textimageBox .full-overlay .flex-wrapper .text-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 540px;
    padding: 30px;
    width: 50%;
  }
}