.float-l, .float-left {
    float  : left;
    margin : 0 10px 0 0;
}

.float-r, .float-right {
    float  : right;
    margin : 0 0 0 10px;

}
  
.align-l {
    text-align : left;
}

.align-r {
    text-align : right;
}
  
.tagline {
    margin-bottom : 20px;
}
    
.cleared {
    clear : both;
}  

.content {
    padding : 36px 53px 26px 37px;
}

.mobile-show {
    display : block;
    @media only screen and (min-width : $bp-middle) {
        display : none;
    }
}

.mobile-hide {
    display : none;
    @media only screen and (min-width : $bp-middle) {
        display : block;
    }
}

.no-margin {
    margin : 0;
}

.no-padding {
    padding : 0;
}