.site-footer {
   display: inline-block;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #7ab1b5;
   color: #000;
   text-align: right;
   box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.2), 4px 0 20px 10px rgba(0, 0, 0, 0.19);
}
.footer-link{
  padding: 6px 0;
}
.footer-link a {
  margin: 20px 10px;
  background-color: transparent;
  padding: 9px 15px;
  font-size: 14px;
}

.site-footer a:hover{
  background-color: #fff;
  color: #000;
  text-decoration: underline;
}

.site-footer p {
  font-size: 14px;
}

@media (min-width: 600px) {
   .footer-link{
    padding: 12px 20px;
  }
}
@media (min-width: 600px) {
   .footer-link a{
    text-align: left;
    padding: 12px 20px;
    font-size: 17px;
  }
}
.site-footer__col-one {
  text-align: center;
}
@media (min-width: 960px) {
  .site-footer__col-one {
    text-align: right;
    width: 85%;
    float: right;
  }
}
.site-footer__col-two-three-group {
  text-align: center;
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .site-footer__col-two-three-group {
    text-align: left;
    float: left;
    width: 42%;
    margin: 0;
  }
}
.site-footer__col-two {
  width: 50%;
  float: left;
}
.site-footer__col-three {
  width: 50%;
  float: left;
}
.site-footer__col-four {
  padding-top: 20px;
  width: 85%;
  margin: 0 auto;
  clear: both;
  text-align: center;
}
@media (min-width: 960px) {
  .site-footer__col-four {
    padding-top: 0;
    margin: 0;
    clear: none;
    text-align: left;
    width: 25%;
    float: right;
  }
}