/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
    body {
        font-weight: lighter;
    }
}






.padding-small {
    padding: 20px;
}

.padding-medium {
    padding: 35px;
}

.padding-large {
    padding: 50px;
}

.landscape-image {
    height: auto;
    max-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.portrait-image {
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
}

button:focus {
    outline: -webkit-focus-ring-color none;
}