@mixin clearfix {
    *zoom: 1;
    &:after,
    &:before {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
        overflow: hidden;
    }
}

@mixin hide-text{
    text-indent: -999em;
    overflow: hidden;
    color: transparent;
}