footer {
  width: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
  padding-top: 50px;
  border-top: 1px solid #e3e3e3; }
  @media (max-width: 560px) {
  footer {
    padding-top: 10px;
    padding-bottom: 10px; } }
  footer a, footer p {
    color: #2853a2;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.1px;
    line-height: 48px; }
  footer .textfont, footer .textfont a {
    font-family: 'Source Sans Pro';
    color: #2853a2;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px; }
  footer .col {
    width: calc((100% - 0px) / 4);
    position: relative;
    z-index: 9;
    display: inline-block;
    vertical-align: top;
    /* .col:nth-child(2) {
		margin-top:46px;

		@include mq(phablet) {
			margin-top:90px;
		}
	} */ }
    footer .col p, footer .col a {
      line-height: 35px; }
      @media (max-width: 1023px) {
  footer .col p, footer .col a {
    line-height: unset !important; } }
    footer .col i {
      margin-left: 10px; }
    @media (max-width: 768px) {
  footer .col {
    width: calc(100% / 2);
    margin: 20px 0;
    padding: 0 10px; } }
    footer .col:first-child {
      margin-left: 10px; }
      @media (max-width: 768px) {
  footer .col:first-child {
    margin-left: 0px; } }
    footer .col h3 {
      font-family: #2952a3;
      font-weight: normal;
      color: #2853a2;
      margin-bottom: 15px;
      font-size: 22px; }
    footer .col .icon {
      width: 32px;
      display: inline-block;
      vertical-align: top;
      color: #2952a3; }
    footer .col a {
      text-decoration: none;
      display: inline-block;
      width: calc(100% - 32px);
      line-height: 40px;
      font-size: 16px;
      color: #4e96d1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      @media (max-width: 768px) {
  footer .col a {
    margin-bottom: 15px; } }
    footer .col a:hover {
      text-decoration: underline; }

@media (min-width: 1023px) {
  .row_small {
    width: 30% !important; }
    .row3 {
      width: calc(40% - 10px) !important; }
      .row3 a {
        display: inline-block !important;
        width: 50% !important; } }

@media (max-width: 1023px) {
  .row_small {
    width: 50% !important; }
    .row3 {
      width: 100% !important; }
      .row3 a {
        display: inline-block !important;
        width: 50% !important; } }