/**
  * 【声明】
  *  作者 Author: Hardys Hu <hardys1206@gmail.com>
  *  版权 Copyright: Hardys Hu, 该代码和知识产权于2019年6月完成发表和声明。
  *  授权 Authorization: 未经原作者书面授权不可修改、署名、再转发或用作商业用途。
  */

#footer {
    padding:25px 10%;
    display: flex;
    border-top: 1px solid #305166 ;
}

.footer-colomn {
    width: 20%;
    padding: 0 5% 0 0;
}

.footer-colomn:first-child {
    width: 25%;
}

.footer-colomn:last-child {
    padding: 0;
    width: 25%;
}

.footer-row {
    padding: 5px 0;
}

.footer-logo {
    height: 35px;
    float: right;
}

.footer-info {
    font-size: 14px;
    padding: 0px;
    text-decoration: none;
    color: #305267;
}

.row-title {
    font: 18px bold;
    color: #305166 ;
}

.row-content {
    color: #666;
    font-size: 0.9rem;
}

.row-content:hover {
    color: #305166 ;
	transition: all 0.4s ease-in-out;
}

.social-media-icon {
    width: 30px;
    float: right;
    margin: 10px 0 5px 5px;
}

.social-media-icon:hover {
    opacity: .8;
	transition: all 0.4s ease-in-out;
}

/** Media Rules**/
@media only screen and (max-device-width: 667px) {
    #footer {
        display: block;
    }
    .footer-colomn, .footer-colomn:first-child, .footer-colomn:last-child {
        width: 100%;
    }
    .display-none {
        display: none;
    }
    .footer-logo {
        float: left;
    }
    .social-media-icon {
        width: 30px;
        float: left;
        margin: 10px 5px 5px 0;
    }
}