/*! 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 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: normal;
}
@font-face {
 font-family:'Brandon Grotesque Bold';
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.eot');
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.ttf') format('truetype'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.svg') format('svg'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.woff2') format('woff2'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.woff') format('woff');
    font-weight:normal;
    font-style: italic;
}
@font-face {
 font-family:'Brandon Grotesque Regular';
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.eot');
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.ttf') format('truetype'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.svg') format('svg'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.woff2') format('woff2'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.woff') format('woff');
    font-weight:normal;
    font-style: italic;
}

#offer {
    background-color:#000;
    height:1200px;
    max-width:1000px;
    margin:0 auto;
    text-align:center;
    margin-top:50px;
    padding:0px;
}
#offer .main {
    background:url('../img/rpf-bg.jpg') no-repeat top center;
    max-width:1000px;
    margin:0 auto;
    text-align:center;
}
button.sub-request {
    margin: 0 auto;
    text-align:center;
    font-size:28px;
    font-family:'Open Sans Condensed', Arial, sans-serif;
    text-transform:uppercase;
    width:35%;
    padding:7px 20px 9px;
    border:none;
    margin-top:53%;
    background-color:#a71e22;
    color:#f2f1d9;
}
#offer button a {
    color:#f2f1d9;
    text-decoration:none;
}
.offer-content {
    margin: 0 auto;
    text-align:center;
    padding:15px;
    padding-top:100px;
}
.offer-content2 {
    margin: 0 auto;
    text-align:center;
    padding:15px;
}
h1.offer1 {
    font-family:'Open Sans Condensed', Arial, sans-serif;
    color:#eae572;
    font-size:50px;
    line-height:52px;
    text-transform:uppercase;
    margin: 0 auto;
    text-align:center;
    text-shadow:1px 1px 2px #111;
    letter-spacing:-.6px;
}
h2.offer2 {
    font-family:'Open Sans Condensed', Arial, sans-serif;
    color:#f2f1d9;
    font-size:45px;
    line-height:48px;
    text-shadow:1px 2px 2px #111;
    letter-spacing:-.6px;
    text-transform:uppercase;
    margin:0 auto;
    padding:0 0;
    text-align:center;
}
h3.offer3 {
    color:#f2f1d9;
    font-family:'Open Sans Condensed', Arial, sans-serif;
    font-size:38px;
    line-height:42px;
    letter-spacing:-.6px;
    text-shadow:1px 2px 2px #111;
    text-transform:uppercase;
    margin: 0 0;
    margin:0 auto;
    padding:0 0;
    text-align:center;
}
h3.offer3.red {
    color:#811316;
    margin-top:20px;
}
.redline {
    width:100%;
    background-color:#a71e22;
    height:3px;
    padding:0px;
    margin:20px 0px;
}
button.make-res {
    background-color:#a71e22;
    color:#f2f1d9;
    font-size:28px;
    font-family:'Open Sans Condensed', Arial, sans-serif;
    text-transform:uppercase;
    width:35%;
    padding:7px 20px 9px;
    border:none;
    margin-top:0px;
    margin-bottom:30px;
}
.discl {
    font-family: Arial, sans-serif;
    text-transform:uppercase;
    color:#dedede;
    margin: 0 auto;
    text-align:center;
    font-size:9px;
    line-height:15px;
    letter-spacing:.5px;
    padding:20px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 900px) {
     button.sub-request, button.make-res {
        width:60%;
    }  
}
@media screen and (max-width: 700px) {
     
    h1.offer1 {
        font-size:50px;
         line-height:52px;
    }
    h2.offer2, h3.offer3 {
        font-size:42px;
         line-height:42px;
    }
}
@media screen and (max-width: 550px) {
   button.sub-request {
        margin-top:;
    } 
    button.sub-request, button.make-res {
        width:90%;
    }  
    h1.offer1 {
        font-size:44px;
         line-height:46px;
    }
    h2.offer2 {
        font-size:38px;
         line-height:40px;
    }
    h3.offer3 {
        font-size:32px;
         line-height:36px;
         margin-bottom:30px;
    }
    .offer-content {
        padding-top:80px;
    }
    
}