.site-footer{
    background-color: #000;
    padding: 2rem 0;
    
}

.chron-footer-logo .logo{
    background: url(../Images/chron-logo.svg);
    background-position: 0 -18px;
    background-size: 89px 54px;
    display: block;
    float: left;
    height: 18px;
    text-indent: -9999px;
    width: 89px;
}
.footer-section-first{
    border-bottom: 1px solid #999;
    height: 30px;
    padding: 0 0 10px 0;
    margin-bottom: 2rem;
}
.back-to-top{
    text-align: right;
}
.back-to-top a{
    color: #999;
    text-decoration: none;
    font-size: 11px;
}
.back-to-top a:after{
    background: url(../Images/icons-sprite.svg);
    background-position: -62px -61px;
    background-size: 2460px 132px;
    content: "";
    float: right;
    height: 11px;
    margin: 6px 0 0 8px;
    width: 9px;
}
.site-footer .about{
    display: -webkit-flex;
    display: flex;
}
.site-footer h3{
    color: #999;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    width: 65px;
    margin: 2px auto;
    font-weight: bold;
}
.site-footer ul{
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: -o-calc(100% - 70px);
    width: calc(100% - 70px);
    display: inline-block;
    line-height: 22px;
    list-style: none outside none;
    padding: 0;
}
.site-footer ul li{
    display: inline-block;
    height: 15px;
    line-height: 15px;
    margin: 0 0 0 10px;
}
.site-footer ul li a{
    color: #999;
    text-decoration: none;
    font-size: 11px;
}
.site-footer h3:after {
    content: "|";
    float: right;
    font-family: Arial, sans-serif;
    font-size: 13px;
}
.site-footer .connect .facebook:before {
    background-position: -63px -59px !important;
    width: 7px !important;
}
.site-footer .connect .twitter:before {
    background-position: -101px -59px !important;
    width: 19px !important;
}
.site-footer .connect .pinterest:before{
    background-position: -148px -58px !important;
    width: 13px !important;
}
.site-footer .connect .instagram:before{
    background-position: -279px -59px !important;
    height: 15px !important;
    width: 15px !important;
}
.site-footer .connect .facebook:before,.site-footer .connect .twitter:before,.site-footer .connect .pinterest:before,.site-footer .connect .instagram:before{
    background: url(../Images/social_sprite.svg);
    background-size: 396px 132px;
    content: "";
    float: left;
    height: 15px;
    margin: 0 5px 0 0;
}

.footer-section-last{
    padding: 10px 0;
}
.hearst-logo .logo{
    background: url(../Images/hearst.svg);
    background-position: 0 0;
    background-size: 90px 10px;
    display: block;
    float: left;
    height: 10px;
    text-indent: -9999px;
    width: 90px;
}
.site-footer .copyright{
    clear: both;
    float: right;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}
@media(max-width: 767px){
    .hearst-logo .logo{float: none !important;display: block;margin-right: auto;margin-left: auto; margin-bottom: 10px;}
    .hearst-logo,.experience ,.copyright{text-align: center;}
    .site-footer .copyright{float: none !important;}
}

/**/

.site-footer {
    padding-top: 30px;
}

.site-footer {
    background-image: url(../Images/footer-bg.png);
    background-size: cover;
}

.site-footer .social-media {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.site-footer .social-media ul{
    width: auto;
}

.site-footer .social-media ul li{
  margin: 0 13px 0 0;
}

.site-footer ul li i {
    font-size: 22px;
}

.site-footer ul li a{
  font-size: 16px;
  font-family: "Sansation";
  color: rgb(255, 255, 255);
  line-height: 1.938;
}

.site-footer h6{
  font-size: 18px;
  font-family: "Sansation";
  color: rgb(255, 255, 255);
//   text-align: right;
}

.site-footer .col-sm-12 p {
  font-size: 20px;
  font-family: "Sansation";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  margin-top: 60px;
  text-align: center;
}