.verticals .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 768px) {
      .verticals .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .verticals .container .item {
          width: 100%;
          padding-top: 3.125rem; }
          .verticals .container .item .link {
            height: 100%; } }
  
  .item {
    padding-top: 3.4375rem;
    width: 25%;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }
    .item i {
      font-size: 1.5rem;
      background: #333;
      color: #fff;
      border-radius: 50%;
      width: 2.8125rem;
      height: 2.8125rem;
      padding-left: 0.125rem;
      padding-top: 0.625rem;
      float: left; }
    .item h4 {
      font-family: "Arvo", serif;
      /* font-size: 1.125rem; */
      padding-top: 0.625rem;
      margin-left: 3.4375rem;
      margin-top: 0; }
    .item p {
      font-size: 0.875rem;
      height: 6.25rem;
      padding-top: 1.25rem;
      padding-bottom: 0rem;
      margin-bottom: 0; }
    .item .link {
      font-size: 0.75rem;
      float: right;
      margin-right: 1.5rem;
      padding-bottom: 0rem;
      margin-bottom: 0; }
    .item .link::after {
      /*font-family: FontAwesomePro;*/
      font-size: 0.625rem;
      padding-left: 0.25rem;
      content: "\f061"; }
    @media (max-width: 992px) {
      .item p {
        padding-left: 0.25rem;
        padding-right: 0.25rem; } }
  
  .item:hover {
    color: #61aa46;
    text-decoration: none; }
    .item:hover i {
      background-color: #61aa46; }