body, html{margin:0;height: 100%}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;}html{overflow-x:hidden}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
html{overflow-x:hidden}
        
.content{max-width:980px;margin:auto;}
.container{padding:0.01em 16px}
.center{text-align: center;}
.text-right{text-align: right;}
.img-max-100{max-width: 100%;}
.img-100{width: 100%;}
.img-70{max-width: 70%;}
hr{border:0;border-top:2px solid #0B9446;margin:20px 0}
.border-bottom{border-bottom:2px solid #0B9446;margin:20px 0;}
.border-bottom-large{border-bottom:4px solid #0B9446;margin:20px 0}
.border-top{border-top:2px solid #0B9446;margin:20px 0;}
.border-top-large{border-top:4px solid #0B9446;margin:20px 0}
.a2{border-bottom:none;text-decoration:none;text-decoration:none}

.left {float:left;}
.right {float:right;}
.margin-left{margin-left:16px;}
.margin-bottom-32{margin-left-32:32px;}
.min-height{min-height:200px;}

/* The hero image */
.hero-image {
/* Use "linear-gradient" to add a darken background effect to the image (../Images/hero_4_alt.jpg). This will make the text easier to read */
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../Images/hero.jpg");

/* Set a specific height */
height: 70%;

/* Position and center the image to scale nicely on all screens */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

/* Place text in the middle of the image */
.hero-text {
text-align: center;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size:28px
	} 




.tiny{font-size:10px!important}
.small{font-size:12px!important}
.medium{font-size:15px!important}
.large{font-size:18px!important}
.xlarge{font-size:24px!important}
.xxlarge{font-size:32px!important}
.xxxlarge{font-size:48px!important}
.jumbo{font-size:64px;line-height:.8}

/* Responsive */
.row:after,.row:before,.row-padding:after,.row-padding:before{content:"";display:table;clear:both}
.col,.half,.third,.twothird,.threequarter,.quarter{float:left;width:100%}
@media (min-width:601px){.quarter{width:24.99999%}.third{width:33.33333%}
.half{width:49.99999%}.twothird{width:66.66666%}.threequarter{width:74.99999%}}

/* Padding */
.padding-tiny{padding:2px 4px!important}
.padding-small{padding:4px 8px!important}
.padding{padding:8px 16px!important}
.padding-large{padding:12px 24px!important}
.padding-16{padding-top:16px!important;padding-bottom:16px!important}
.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}
.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}
.padding-top-48{padding-top:48px!important}
.padding-bottom-48{padding-bottom:48px!important}

/* Buttons */
input, button{font:inherit;margin:0}optgroup{font-weight:bold}
input, button{overflow:visible}
button{text-transform:none}
.pa-bar{width:100%;overflow:hidden}.pa-center.pa-bar{display:inline-block;width:auto}
.pa-bar .pa-bar-item{padding:14px 16px;float:left;width:auto;border:none;display:block;outline:0}
.pa-bar .pa-button{white-space:normal}
.pa-bar-block .pa-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.pa-bar-block.pa-center .pa-bar-item{text-align:center}.pa-block{display:block;width:100%}
.pa-bar-item{text-align:center}
.pa-button{border:none;display:inline-block;padding:14px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.pa-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pa-button{text-align:left;padding:8px 16px}
.pa-button{white-space:normal}
.pa-hide{display:none!important}.pa-show-block,.pa-show{display:block!important}.pa-show-inline-block{display:inline-block!important}

@media (max-width:600px){.hide-small{display:none!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (min-width:993px){.hide-large{display:none!important}}

.top{position:fixed;width:100%;z-index:1}.top{top:0}


 
/* Input */
::-webkit-input-placeholder{color:inherit;opacity:0.54}
.pa-input{display:block;padding:8px 16px}
.pa-input{border:none;outline:none;width:100%}
.pa-input{padding:8px;display:block;border:none;border-bottom:1px solid #0B9446;width:100%;margin-bottom:16px}
.pa-input-inline{padding:8px;display:inline-block;width:70%;}


/* Colors */
.marinara-red{color:#fff;background-color:#CF1C44}
.wine{color:#fff;background-color:#5E1211}
.espresso{color:#fff;background-color:#543136}
.leafy-green{color:#fff;background-color:#0B9446}
.cafe{color:#fff;background-color:#7B573E}
.cannoli{color:#5E1211;background-color:#D8C6B8}
.white{color:#5E1211;background-color:#fff}

.marinara-red-hover:hover{color:#fff;background-color:#CF1C44}
.wine-hover:hover{color:#fff;background-color:#5E1211}
.espresso-hover:hover{color:#fff;background-color:#543136}
.leafy-green-hover:hover{color:#fff;background-color:#0B9446}
.cafe-hover:hover{color:#fff;background-color:#7B573E}
.cannoli-hover:hover{color:#5E1211;background-color:#D8C6B8}
.white-hover:hover{color:#5E1211;background-color:#fff}

.marinara-red-text,.marinara-red-text-hover:hover{color:#CF1C44}
.wine-text,.wine-text-hover:hover{color:#5E1211}
.espresso-text,.espresso-text-hover:hover{color:#543136}
.leafy-green-text,.leafy-green-text-hover:hover{color:#0B9446}
.cafe-text,.cafe-text-hover:hover{color:#7B573E}
.cannoli-text,.cannoli-text-hover:hover{color:#D8C6B8}
.white-text,.white-text-hover:hover{color:#fff}