/*********************************************************
Resets
--------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
}

:focus {
    outline: 0;
}

ul,li {
    list-style-type: none;
}

/*********************************************************
Some UA specific things
--------------------------------------------------------*/
/* mobile webkit */
* {
    -webkit-touch-callout: none;
/* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;
/* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
/* make transparent link selection, adjust last value opacity 0 to 1.0 */
    -webkit-user-select: none;
/* prevent copy paste, to allow, change 'none' to 'text' */
}

/* if you set the user select to none above, you should reactivate it for inputs, etc. */
input,textarea,.selectable {
    -webkit-user-select: text;
}

/*********************************************************
@Default / Pocket Sized Devices 
30em / 480px and up
--------------------------------------------------------*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .875em;
    line-height: 1.3;
    color: #444;
    overflow-x: hidden;
    margin: 0;
}

input,select,textarea,button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* For modern browsers */
.cf:before,.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}