html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block
}
body
{
	line-height: 1
}
ol,ul
{
list-style:none
}
blockquote,q
{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after
{
content:"";
content:none
}
table
{
border-collapse:collapse;
border-spacing:0
}
button
{
background:none;
outline:0;
border:0;
cursor:pointer
}
::selection
{
background-color:#121212;
color:#000
}
body
{
font-family:"Verdana",helvetica,arial,sans-serif;
font-weight:normal;
text-rendering:optimizeLegibility
}
@font-face
{
font-family:"Verdana";
}
@font-face
{
font-family:Verdana;
}
@font-face
{
font-family:Verdana;
}
@font-face
{
font-family:Courier;
font-weight:normal;
font-style:normal
}
h1
{
font-size:46px;
letter-spacing:5px;
text-transform:uppercase;
position:relative;
color:#a30134;
line-height:48px;
font-weight:normal
}
h2
{
font-size:46px;
letter-spacing:5px;
text-transform:uppercase;
position:relative;
color:#a30134;
line-height:48px;
font-weight:normal
}
h3
{
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
font-family:Verdana,helvetica,arial,sans-serif;
color:#cbb677;
line-height:18px;
font-weight:normal
}
h4
{
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
font-family:"Verdana",helvetica,arial,sans-serif;
margin-top:10px;
color:#121212;
font-weight:normal
}
h5
{
font-family:Courier,Courier,serif;
font-weight:normal;
font-size:14px;
line-height:18px
}
p
{
font-family:Courier,Courier,serif;
font-weight:normal;
font-size:18px;
line-height:30px;
margin-bottom:20px
}
p:last-child
{
margin-bottom:0
}
a
{
color:inherit;
text-decoration:none
}
li
{
font-family:Courier,Courier,serif;
font-weight:normal;
font-size:18px;
line-height:30px;
margin-bottom:10px
}
li:last-child
{
margin-bottom:0
}
.button,button[type=submit]
{
padding:18px 16px 13px;
border:none;
background-color:#a30134;
color:#000;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
font-family:Verdana;
display:inline-block
}
.button:hover,button[type=submit]:hover
{
color:#000;
background-color:#990131;
cursor:pointer
}
.button:active,button[type=submit]:active
{
outline:none
}
.bottom-buttons
{
position:relative;
margin-top:90px
}
.bottom-buttons a:nth-of-type(2)
{
margin-top:20px
}
input[type="button"],input[type="submit"],input[type="text"],textarea,input[type="password"],input[type="number"],input[type="email"]
{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
border:2px solid #cbb677;
padding:10px;
font-family:Courier,Courier,serif;
font-size:14px;
color:#121212;
float:left;
-webkit-appearance:none;
border-radius:0
}
select
{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
border:2px solid #cbb677;
padding:10px;
font-family:Courier,Courier,serif;
font-size:14px;
color:#121212;

-webkit-appearance:none;
border-radius:0
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="email"]:focus
{
outline:none;
border-color:#a30134
}
body.locked
{
overflow:hidden
}
.page-overlay
{
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
background-color:rgba(0,0,0,0.8);
z-index:1;
display:none
}
.wrapper
{
margin:0 auto;
position:relative;
height:100%
}
.wrapper_index
{
margin:0 auto;
position:relative;
height:100%
}
.top-container
{
box-sizing:border-box;
text-align:center;
min-height:480px;
box-shadow:0 0 0 10px #000 inset
}
.error-container
{
background-color:#2d2d28
}
.error-container p,.error-container h1
{
color:#000
}
.error-container h3
{
color:#cbb677
}
.scroll-arrow
{
position:absolute;
left:50%;
bottom:40px;
background-image:url("../images/icon-arrow-black.png");
height:26px;
width:44px;
margin-left:-13px;
background-size:44px 26px;
opacity:0;
cursor:pointer
}
.scroll-arrow:hover
{
transition:opacity ease-in-out 0.2s;
opacity:1 !important
}
.page-intro
{
text-align:center;
position:relative;
top:50%;
display:inline-block;
margin-top:-92px;
width:100%
}
.page-intro h1
{
position:relative;
margin-bottom:37px
}
.page-intro h1:after
{
content:"";
width:20px;
height:0px;
position:absolute;
left:50%;
margin-left:-13px;
bottom:-18px;
background-color:#000
}
.page-intro h3
{
margin-bottom:9px
}
.page-intro p
{
min-width:300px;
max-width:600px;
margin-left:auto;
margin-right:auto;
width:60%
}
.page-intro p a
{
text-decoration:underline
}
.page-section
{
text-align:center;
position:relative;
display:block;
margin:120px auto;
padding:0 60px;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%
}
.page-section h2
{
position:relative;
margin-bottom:36px
}
.page-section h2:after
{
content:"";
width:10px;
height:2px;
position:absolute;
left:50%;
margin-left:-5px;
bottom:-18px;
background-color:#a30134
}
.page-section h3
{
margin-top:6px
}
.page-section .section-paragraph
{
min-width:360px;
max-width:1000px;
margin-left:auto;
margin-right:auto;
width:60%
}
.page-section a
{
text-decoration:underline
}
.page-section .two-column-list
{
*zoom:1;
max-width:900px;
margin:40px auto 0
}
.page-section .two-column-list:before,.page-section .two-column-list:after
{
display:table;
content:""
}
.page-section .two-column-list:after
{
clear:both
}
.page-section .two-column-list li
{
width:50%
}
.page-section .three-column-list
{
*zoom:1;
max-width:900px;
margin:40px auto 0
}
.page-section .three-column-list:before,.page-section .three-column-list:after
{
display:table;
content:""
}
.page-section .three-column-list:after
{
clear:both
}
.page-section .three-column-list li
{
width:33.33333%
}
.page-section .two-column-list li,.page-section .three-column-list li
{
float:left;
text-align:center;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.page-section .two-column-list h3,.page-section .three-column-list h3
{
margin-top:10px
}
.page-section .two-column-list p,.page-section .three-column-list p
{
padding:0 10%
}
.photos
{
height:480px;
width:100%;
*zoom:1
}
.photos:before,.photos:after
{
display:table;
content:""
}
.photos:after
{
clear:both
}
.full-photo
{
width:100%;
background-size:cover;
height:100%;
float:left
}
.full-photo.center
{
background-position:50% 50%
}
.full-photo.top
{
background-position:center top
}
.left-photo,.right-photo
{
width:50%;
height:100%;
float:left;
background-color:#eee;
background-size:cover;
background-repeat:no-repeat
}
.left-photo
{
background-position:100% 50%
}
.right-photo
{
background-position:0 50%
}
.newsletter-thanks .top-container
{
background-color:#a30134
}
.newsletter-thanks .top-container p,.newsletter-thanks .top-container h1
{
color:#000
}
.newsletter-thanks .top-container h3
{
color:#cbb677
}
#main-header
{
padding:30px;
text-align:center;
width:100%;
*zoom:1;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
z-index:1
}
#main-header:before,#main-header:after
{
display:table;
content:""
}
#main-header:after
{
clear:both
}
.top-logo
{
float:left;
width:145px;
height:140px;
margin-top:10px;
background-image:url("../images/the-ruby-tap-logo.svg");
background-repeat:no-repeat;
text-indent:-999em
}
.top-logo:after
{
display:none
}
.top-logo a
{
float:left;
height:100%;
width:100%
}
.top-nav
{
float:right
}
.top-nav .menu-main-pages-container,.top-nav .menu-locations-container
{
float:left;
position:relative
}
.top-nav .menu-locations-container
{
margin-left:24px
}
.top-nav .menu-locations-container:after
{
content:"";
position:absolute;
left:-13px;
top:23px;
height:16px;
width:2px;
background-color:#000
}
.top-nav ul
{
*zoom:1
}
.top-nav ul:before,.top-nav ul:after
{
display:table;
content:""
}
.top-nav ul:after
{
clear:both
}
.top-nav li
{
float:left;
margin:0 10px;
height:60px;
line-height:62px
}
.top-nav li.current-menu-item a:after
{
display:block
}
.top-nav a
{
text-decoration:none;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
color:#fff;
position:relative;
font-family:Verdana
}
.top-nav a:after
{
content:"";
position:absolute;
left:0;
right:0;
top:12px;
height:2px;
width:100%;
background-color:#000;
display:none
}
.top-nav a:hover:after
{
display:block
}
.mobile-button
{
display:none;
margin-top:10px;
border:2px solid #000;
float:right
}
.mobile-button a
{
display:block;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
font-family:Verdana;
color:#000;
padding:14px 12px 10px
}
.mobile-menu
{
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
background-color:#cbb677;
padding:40px;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:2;
display:none;
box-shadow:0 0 0 10px #000 inset;
min-height:480px
}
.mobile-menu .mobile-close
{
background:transparent url("../images/icon-close-white.png");
background-size:22px 22px;
background-repeat:no-repeat;
background-position:center;
width:22px;
height:22px;
position:absolute;
right:30px;
top:30px;
text-indent:-999em;
border:0;
outline:0;
border:2px solid #000;
padding:18px;
cursor:pointer
}
.mobile-menu .mobile-nav
{
margin-top:60px
}
.mobile-menu .menu-locations-container
{
margin-top:60px;
position:relative
}
.mobile-menu .menu-locations-container:before
{
width:20%;
height:2px;
background-color:#000;
position:absolute;
left:0;
top:-32px;
content:""
}
.mobile-menu li
{
margin-bottom:20px
}
.mobile-menu a
{
text-decoration:none;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
color:#000;
position:relative;
font-family:Verdana
}
.mobile-menu a:after
{
content:"";
position:absolute;
left:0;
right:0;
top:12px;
height:2px;
width:100%;
background-color:#000;
display:none
}
.mobile-menu a:hover:after
{
display:block
}
#main-footer
{
background:#000;
color:#fff;
padding:38px 60px 36px;
overflow:hidden
}
#main-footer .menu
{
float:left;
position:relative;
*zoom:1
}
#main-footer .menu:before,#main-footer .menu:after
{
display:table;
content:""
}
#main-footer .menu:after
{
clear:both
}
#main-footer .menu li
{
float:left;
margin:0 10px
}
#main-footer .menu a
{
text-decoration:none;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
color:#fff;
position:relative;
font-family:Verdana
}
#main-footer .menu a:after
{
content:"";
position:absolute;
left:0;
right:0;
top:12px;
height:2px;
width:100%;
background-color:#fff;
display:none
}
#main-footer .menu a:hover:after
{
display:block
}
#main-footer #menu-main-pages-1
{
margin-right:25px
}
#main-footer #menu-main-pages-1:after
{
content:"";
position:absolute;
right:-13px;
top:7px;
height:16px;
width:2px;
background-color:#121212
}
#main-footer .footer-social-links
{
float:right;
position:relative
}
#main-footer .footer-social-links li
{
float:left;
margin:0 10px
}
#main-footer .footer-social-links a
{
text-decoration:none;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
color:#121212;
position:relative;
font-family:Verdana
}
.facebook,.twitter
{
text-indent:-999em;
width:24px;
height:24px;
background-size:24px 24px;
background-repeat:no-repeat;
float:left;
margin-top:3px
}
.subscribe-button
{
text-indent:-999em;
width:30px;
height:30px;
background-size:30px 30px;
background-repeat:no-repeat;
float:center
}
.facebook
{
background-image:url("../images/icon-facebook.png")
}
.twitter
{
background-image:url("../images/icon-twitter.png")
}
.subscribe-button
{
background-image:url("../images/icon-mail.png")
}
#subscribe-form
{
display:none;
position:fixed;
left:0;
right:0;
z-index:100;
padding:100px;
padding:40px;
-moz-box-sizing:border-box;
box-sizing:border-box;
max-width:900px;
min-width:410px;
top:50%;
width:50%;
margin:0 auto;
z-index:100;
background-color:#fff;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center
}
#subscribe-form h2
{
font-size:46px;
letter-spacing:5px;
text-transform:uppercase;
position:relative;
color:#a30134;
font-weight:normal;
margin-bottom:38px;
display:block
}
#subscribe-form h2:after
{
content:"";
width:20px;
height:2px;
position:absolute;
left:50%;
margin-left:-5px;
bottom:-18px;
background-color:#a30134
}
#subscribe-form .subscribe-close
{
background:#000 url("../images/icon-close-red.png");
background-size:22px 22px;
background-repeat:no-repeat;
background-position:center;
width:36px;
height:36px;
position:absolute;
right:-20px;
top:-20px;
text-indent:-999em;
border:0;
outline:0;
border:2px solid #a30134;
padding:5px;
cursor:pointer;
z-index:1
}
#subscribe-form button[type=submit]
{
width:100%;
margin-top:20px
}
.home .page-intro h1,.home .page-intro p
{
color:#000
}
.home .page-intro h1
{
margin-top:27px;
text-indent:-999em;
position:relative
}
.home .page-intro h1:before
{
position:absolute;
background-image:url("../images/the-ruby-tap-logo.png");
width:300px;
height:424px;
background-size:300px 424px;
content:"";
top:-170px;
left:50%;
margin-left:-150px
}
.home .top-logo
{
display:none
}
.home .top-nav .menu-main-pages-container:after
{
background-color:#fff
}
.home .top-nav a
{
color:#fff
}
.home .top-nav a:after
{
background-color:#000
}
.home .quote-section:before
{
content:"";
position:absolute;
left:50%;
top:-10px;
margin-left:-30px;
width:60px;
height:52px;
background-image:url(../images/icon-quotes.png);
background-size:60px 52px
}
.home .quote-section p
{
padding-top:90px
}
.home .quote-section ul
{
margin:50px auto -5px;
max-width:600px
}
.home .quote-section ul img
{
margin-right:20px;
height:140px;
width:140px
}
.eat .top-container,.drink .top-container
{
background-color:#006633
}
.eat .top-container p,.eat .top-container h1,.drink .top-container p,.drink .top-container h1
{
color:#000
}
.eat .top-container h3,.drink .top-container h3
{
color:#cbb677
}
.eat-photo-1
{
background-image:url("../images/eat-the-ruby-tap-1.jpg")
}
.eat-photo-2
{
background-image:url("../images/eat-the-ruby-tap-2.jpg")
}
.drink-photo-1
{
background-image:url("../images/drink-the-ruby-tap-1.jpg")
}
.drink-photo-2
{
background-image:url("../images/drink-the-ruby-tap-2.jpg")
}
.events .top-container
{
background-color:#a30134
}
.events .top-container p,.events .top-container h1
{
color:#000
}
.events .top-container h3
{
color:#cbb677
}
.event-container
{
background-color:#a30134
}
.event-container p,.event-container h1,.event-container li
{
color:#000
}
.event-container h3
{
color:#cbb677
}
.events-photo-1
{
background-image:url("../images/events-the-ruby-tap-1.jpg")
}
.wine-club .top-container

{
background-color:#a30134
}
.wine-club .top-container p,.wine-club .top-container h1
{
color:#000
}
.wine-club .top-container h3
{
color:#cbb677
}
.wine-club .dog-image
{
width:220px;
height:auto
}
.wine-club .anna img
{
margin-top:97px
}
.wine-club .oliver img
{
margin-top:80px
}
.club-photo-1
{
background-image:url("../images/club-the-ruby-tap-1.jpg")
}
.club-photo-2
{
background-image:url("../images/club-the-ruby-tap-2.jpg")
}
.club-photo-3
{
background-image:url("../images/club-the-ruby-tap-3.jpg")
}
.wine-club-thanks .top-container
{
background-color:#a30134
}
.wine-club-thanks .top-container p,.wine-club-thanks .top-container h1
{
color:#000
}
.wine-club-thanks .top-container h3
{
color:#cbb677
}
.locations .top-container
{
background-color:#a30134
}
.locations .top-container p,.locations .top-container h1
{
color:#000
}
.locations .top-container h3
{
color:#cbb677
}
.locations .map
{
height:480px;
width:100%
}
.locations .map.bottom-map
{
border-bottom:10px solid #a30134
}
.wauwatosa .top-container,.mequon .top-container
{
background-size:cover;
background-position:50% top;
background-color:#000
}
.wauwatosa .top-container p,.wauwatosa .top-container h1,.mequon .top-container p,.mequon .top-container h1
{
color:#000;
position:relative
}
.wauwatosa .top-container h3,.mequon .top-container h3
{
color:#000;
z-index:1
}
.wauwatosa .specials ul,.mequon .specials ul
{
margin-bottom:-10px
}
.wauwatosa #map,.mequon #map
{
height:480px;
width:100%
}
.wauwatosa .top-container
{
background-color:#cbb122
}
.wauwatosa-photo-1
{
background-image:url("../images/wauwatosa-the-ruby-tap-1.jpg")
}
.wauwatosa-photo-2
{
background-image:url("../images/wauwatosa-the-ruby-tap-2.jpg")
}
.mequon .top-container
{
background-image:url("../images/mequon-the-ruby-tap-hero.jpg")
}
select,input[type='text'],input[type='number'],textarea
{
font-size:16px
}
.form-close
{
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#000 url("../images/icon-close-red.png");
background-size:22px 22px;
background-repeat:no-repeat;
background-position:center;
width:36px;
height:36px;
position:absolute;
right:-20px;
top:-20px;
text-indent:-999em;
border:0;
outline:0;
border:2px solid #a30134;
padding:5px;
cursor:pointer;
z-index:1
}
.fullstripe-form-title
{
font-size:46px;
letter-spacing:5px;
text-transform:uppercase;
position:relative;
color:#a30134;
font-weight:normal;
margin-bottom:48px;
display:block
}
.fullstripe-form-title:after
{
content:"";
width:20px;
height:2px;
position:absolute;
left:50%;
margin-left:-5px;
bottom:-18px;
background-color:#a30134
}
#payment-form
{
display:none;
position:fixed;
left:0;
right:0;
z-index:100;
padding:100px;
padding:40px;
-moz-box-sizing:border-box;
box-sizing:border-box;
max-width:900px;
min-width:350px;
top:50%;
width:50%;
margin:0 auto;
z-index:100;
background-color:#000;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center
}
#payment-form .control-group
{
width:100%;
margin:0 auto 20px;
*zoom:1
}
#payment-form .control-group:before,#payment-form .control-group:after
{
display:table;
content:""
}
#payment-form .control-group:after
{
clear:both
}
#payment-form .control-group:last-child
{
margin-bottom:0
}
#payment-form .control-label
{
float:left;
width:100%;
text-align:left;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
font-family:"Verdana";
color:#121212;
margin-bottom:2px;
display:none
}
#payment-form .controls
{
float:left;
width:100%;
clear:both;
text-align:left;
position:relative
}
#payment-form button[type=submit]
{
width:100%
}
.exp-month,.exp-year,.cvc
{
width:80px !important
}
.exp-month
{
margin-right:5px
}
.cvc
{
margin-left:20px
}
.fullstripe_plan_details
{
display:none
}
select.styled
{
width:100% !important;
height:40px !important;
left:0;
right:0;
cursor:pointer
}
span.customSelect
{
width:100%;
border:2px solid #cbb677;
padding:10px;
font-family:Courier,Courier,serif;
font-size:14px;
color:#121212;
-moz-box-sizing:border-box;
box-sizing:border-box
}
span.customSelectInner
{
width:100% !important
}
span.customSelectInner:after
{
position:absolute;
right:12px;
height:13px;
width:22px;
top:14px;
background-image:url(../images/icon-select-arrow.png);
background-size:22px 13px;
background-repeat:no-repeat;
content:"";
z-index:-1
}
span.customSelect.changed
{
background-color:#f0dea4
}
.tbResultado
{
	font-family:Courier,Courier,serif;
	font-size:20px;	
}
.tbResultado tr td
{
	padding: 5px;	
}
@media (max-width: 800px)
{
#main-header
{
padding:20px 30px
}
.top-logo
{
margin-top:8px
}
.top-nav
{
display:none
}
.mobile-button
{
display:block
}
.home .top-container
{
background-image:url("../images/the-ruby-tap-spread-tablet.jpg");
background-position:top 100%;
background-size:100%
}

}
@media (max-width: 750px)
{
h1,.fullstripe-form-title
{
font-size:42px;
letter-spacing:4px
}
h2
{
font-size:42px;
letter-spacing:4px
}
p,li
{
font-size:16px;
line-height:26px
}
.bottom-buttons
{
margin-top:90px
}
#main-footer
{
text-align:center
}
#main-footer .menu
{
float:none;
display:inline-block
}
#main-footer #menu-main-pages-1
{
margin-right:0
}
#main-footer #menu-main-pages-1:after
{
display:none
}
#main-footer .footer-social-links
{
margin-top:20px;
display:inline-block;
clear:both;
float:none
}
.page-intro
{
width:60%;
max-width:none
}
.page-intro p
{
width:100%
}
.page-section
{
margin-top:90px;
margin-bottom:90px;
padding-left:60px;
padding-right:60px
}
.page-section .section-paragraph
{
width:auto
}
.page-section .two-column-list,.page-section .three-column-list
{
max-width:600px;
margin-top:45px
}
.page-section .two-column-list li,.page-section .three-column-list li
{
width:100%;
margin-bottom:60px;
padding-left:0;
padding-right:0
}
.page-section .two-column-list li:last-child,.page-section .three-column-list li:last-child
{
margin-bottom:0
}
.photos
{
height:400px
}
.home .quote-section ul
{
width:100%
}
.home .quote-section ul img
{
margin-left:0;
margin-right:0
}
.wine-club .anna img,.wine-club .oliver img
{
margin-top:0
}

}
@media (max-width: 650px)
{
#subscribe-form
{
width:auto;
margin-left:20px;
margin-right:20px;
padding:40px 30px
}
#payment-form
{
width:auto;
margin-left:20px;
margin-right:20px;
padding:40px 30px
}
#payment-form .exp-month,#payment-form .exp-year,#payment-form .cvc
{
width:70px !important
}
#payment-form .cvc
{
margin-left:25px
}

}
@media (max-width: 500px)
{
.wrapper_index
{
	height:50%
}
h1,h2,.fullstripe-form-title,#subscribe-form h2
{
font-size:32px;
letter-spacing:2px;
line-height:34px
}
h3
{
font-size:12px
}
p,li
{
font-size:16px;
line-height:22px
}
.top-logo
{
margin-top:20px;
float:left;
background:url("../images/the-ruby-tap-logo-mobile.png");
width:80px;
height:22px;
background-size:80px 22px
}
#main-footer
{
padding-left:10px;
padding-right:10px
}
#subscribe-form
{
width:100%;
height:100%;
padding:30px 20px 20px;
margin:0;
top:0;
bottom:0;
min-width:280px;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
#subscribe-form .subscribe-close
{
right:20px;
top:20px
}
#subscribe-form .form-content
{
position:relative;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
top:50%
}
.page-intro
{
width:100%;
margin-top:-120px
}
.page-intro h1
{
width:80%;
margin-left:auto;
margin-right:auto
}
.page-intro h3
{
margin-bottom:2px
}
.page-intro p
{
min-width:0;
width:80%
}
.page-section
{
width:100%;
padding-left:0;
padding-right:0
}
.page-section ul
{
width:100%
}
.page-section .section-paragraph,.page-section p,.page-section li
{
min-width:0 !important;
width:80% !important;
margin-left:auto !important;
margin-right:auto !important;
float:none !important;
min-width:260px !important;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.page-section li p
{
width:100% !important
}
.photos
{
height:auto
}
.photos .left-photo,.photos .right-photo,.photos .full-photo
{
float:left;
clear:both;
width:100%;
height:240px
}
.home .top-container
{
background-image:url("../images/the-ruby-tap-spread-mobile.jpg");
background-size:150%;
background-position-x:80%;
background-position-y:40%
}
.home .page-intro h1:before
{
top:-28px
}
.wine-club .form-close
{
right:20px;
top:20px
}
.wine-club .dog-image
{
max-width:240px
}
.wine-club #payment-form
{
width:100%;
height:100%;
padding:30px 20px 20px;
margin:0;
top:0;
bottom:0;
min-width:280px;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.wine-club #payment-form fieldset
{
position:relative;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
top:50%
}
.wine-club #payment-form .control-group
{
margin-bottom:10px
}
.wine-club #payment-form .control-group:last-child
{
margin-bottom:0
}
}
@media (min-width: 801px)
{
.home .top-container
{
background-image:url("../images/the-ruby-tap-spread.jpg");
background-size:cover;
background-position:50% 0;
background-color:#000;
min-width:100%
}


}