/**
 * BREAKPOINTS
 *
 * Full (1070+)
 *   80/20 primary/secondary
 *
 * Ninety Percent (768px-1070px)
 *   75/25 primary/secondary
 *
 * Single Column (480px-767px)
 *   stacked primary/secondary
 *   collapsed main navigation
 *
 * Small (479px and less)
 *
 */

* {
    font-family: "museo-slab", Helvetica, Arial, Sans-serif;
}

body {
    background: url('../images/background.png');
}

/*** FULL-PAGE-WIDTH ELEMENTS ***/

.menu-social-container,
.header-banner a,
.main-navigation,
#page {
    float: none;
    clear: both;
    max-width: 1040px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

@media screen and (min-width: 480px) {
    .menu-social-container,
    .header-banner a,
    .main-navigation,
    #page {
        width: 96%;
    }
}

@media screen and (min-width: 768px) {
    .menu-social-container,
    .header-banner a,
    .main-navigation,
    #page {
        width: 93%;
    }
}

/*** BUTTONS ***/

.btn {
    font-family: Helvetica, Arial, Sans-serif;
}

.btn,
button:not(.search-submit),
input[type='submit'],
#infinite-handle {
    border-radius: 0;
    background: #F23047;
    font-size: 12px;
    line-height: 14px;
}
    .btn:active,
    .btn:hover,
    button:not(.search-submit):active,
    button:not(.search-submit):hover,
    input[type='submit']:active,
    input[type='submit']:hover,
    #infinite-handle:active,
    #infinite-handle:hover {
        opacity: 0.75;
    }