/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .title {
    padding-top: 20px;
}
*, *:before, *:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* img {
    max-width:100%;
    height:auto;
}
/* ==========================================================================
   HAPPY HOUR OCTOBER PROMO Page
   ========================================================================== */

@font-face {
 font-family:'Brandon Grotesque Black';
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-blk-webfont.eot');
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-blk-webfont.ttf') format('truetype'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-blk-webfont.svg') format('svg'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-blk-webfont.woff2') format('woff2'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-blk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
 font-family:'Brandon Grotesque Medium';
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.eot');
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.ttf') format('truetype'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.svg') format('svg'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.woff2') format('woff2'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.woff') format('woff');
    font-weight:normal;
    font-style: italic;
}

#gear01 {
    background:url('../img/bg-long1.jpg') repeat-y center top;
    max-width:1000px;
    height:auto;
    margin:0 auto;
    margin-top:50px;
    padding:0px 25px;
}
    
.gear-content {
    padding:20px 0px;
    margin:0 auto;
    text-align:center;
    display:block;
}
.gear-header {
    padding:0px 30px;
    text-align:center;
    display:block;
}
#gear01 img {
    padding-bottom:5px;
}
#gear01 img.shirts {
    width:85%;
    padding-top:20px;
}
h2.gear1 {
    font-family:'Brandon Grotesque Black', Arial, sans-serif;
    color:#fff;
    font-size:78px;
    line-height:76px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin: 0 0;
    margin:0 auto;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    text-shadow: 1px 3px 3px #333;
}

.gear1-btm {
    font-family:'Brandon Grotesque Medium', Arial, sans-serif;
    color:#fff;
    margin: 0 auto;
    text-shadow:1px 1px 1px #333;
    text-transform:uppercase;
    text-align:center;
    font-size:20px;
    line-height:20px;
    letter-spacing:.7px;
    padding-top:25px;
    padding-bottom:25px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (max-width: 600px) {
    #gear01 {
        padding:0 0px;
    }
    .gear-header {
    padding:0px 10px;
}

@media screen and (max-width: 550px) {
    h2.gear1 {
        font-size:58px;
        line-height:56px;
        letter-spacing:3px;
    }
    .gear1-btm {
        font-size:18px;
        line-height:20px;

    }
}

@media screen and (max-width: 420px) {
   
}