/* Clear floats after the columns */
.title-cell:after {
  content: "";
  display: table;
  clear: both;
}

/* Create two equal columns that floats next to each other */
.sub-title-cell {
  float: left;
  width: 100%;
  padding: auto;
  height: auto; /* Should be removed. Only for demonstration */
}

.contact_inline {
    margin-top:-px;
    float: left;
    width: 86%;
    padding: auto;
    height: auto; /* Should be removed. Only for demonstration */
}

/* Create two equal columns that floats next to each other */
.my_contact {
  float: left;
  width: auto;
  padding: auto;
  height: auto; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .my_contact {
    width: 100%;
    align-items: center;
  }
}

.top_cont_icon {
    float: left;
    margin: 0 10px 0 0;
}

.top_cont_number {
    float: left;
}

.top_cont_email {
    float: left;
}

.top_cont_add {
    float: left;
}

.top_cont_gif {
    float: left;
}