.connect-with-us {
    background-color: #212222;
  }
  
  .connect-with-us .container {
    position: relative;
  }
  .connect-with-us .cwu-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40%;
    background-position: center;
    border-left: 10px solid #87E609;
    border-right: 10px solid #87E609;
  }
  .connect-with-us .cwu-image:after {
    content: '';
    background: url(../images/crest.png);
    width: 122px;
    height: 195px;
    background-size: cover;
    position: absolute;
    left: -132px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
  }
  
  .connect-with-us ul {
    padding: 0;
  }
  
  .connect-with-us ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .connect-with-us ul li {
    list-style-type: none;
    float: left;
    width: 40px;
  }
  .connect-with-us .cwu-content {
      text-align: center;
  }
  .connect-with-us .cwu-content p {
    margin-bottom: 0;
    color: #ccc;
  }
  .connect-with-us ul li:not(:last-child) {
    margin-right: 20px;
  }
  .connect-with-us .social-icon-container {
      display: table;
      margin: 0 auto;
  }
  .connect-with-us .social-icon-container ul li i{
      padding: 10px;
      border: 0!important;
      width: 50px;
      height: 50px;
      font-size: 28px;
      color: #fff;
      text-align: center;  
  }
  @media (min-width: 992px) {
    .connect-with-us .social-icon-container {
        margin: auto;
    }
    .connect-with-us .cwu-content {
        text-align: left;
    }
  }
  .fa-insta{
    background: #485FDE;
  }
  .fa-fb{
    background: #314973;
  }
  .fa-pin{
    background: #AA2526;
  }
  .fa-yt{
    background: #E63223;
  }
  .fa-twt{
    background: #110B0E;
  }
  @media (min-width: 768px) {
    .connect-with-us ul li {
      width: 50px;
    }
  }