@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object,
iframe, h3, h4, h5, h6, 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 {
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
#main h2, #main2 h2, .best-takeout-food-truck, .wrapper.style6 p, h3#uep, .topimage a, .spotlight h3, .button.order3, .button.order2, .button.order,
.wrapper.featured > .inner > .content h2, .wrapper.featured > .inner > .content p, .button, .myproducts h2, .myproducts p,
#footer .inner a, #footer h3, #footer .inner a, #footer p, #footer .name, #footer p#wcag, .wrapper.style3 h3, .wrapper.style3 h4,
#main > .inner.two h1, #main .inner p, #main2 > .inner.two h1, #main2 .inner p, .wrapper.style6 h2 {
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
font-weight: normal;
}
html {
scroll-behavior: smooth;
}
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;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

body {
-webkit-text-size-adjust: none;
}

mark {
background-color: transparent;
color: inherit;
}

input::-moz-focus-inner {
border: 0;
padding: 0;
}

input, select, textarea {
appearance: none;
}

/* Basic */

@-ms-viewport {
width: device-width;
}

body {
-ms-overflow-style: scrollbar;
}

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

html, body {
min-width: 320px;
}

}

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

body {
background: #ffffff;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
animation: none !important;
transition: none !important;
}

/* Type */

body {
background-color: #ffffff;
color: #565656;
}

body, input, select, textarea {
font-family: Raleway, Helvetica, sans-serif;
font-size: 14pt;
font-weight: 300;
line-height: 1.75;
letter-spacing: 0.025em;
}
input, select, textarea {
color: inherit;
}
strong, b {
color: inherit;
font-weight: 500;
}

em, i {
font-style: italic;
}

h3, h4, h5, h6 {
color: #252525;
font-weight: 300;
line-height: 1.5;
margin: 0 0 1.75rem 0;
letter-spacing: 0.05em;
}


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

h3, h4, h5, h6 {
margin: 0 0 1.5rem 0;
}
}

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

h3, h4, h5, h6 {
margin: 0 0 1.25rem 0;
}
}

h3 {
font-size: 1.75em;
}

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

h3 {
font-size: 1.25em;
}
}

h4 {
font-size: 1.1em;
}

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

h4 {
font-size: 1em;
}
}

h5 {
font-size: 0.9em;
}
h6 {
font-size: 0.7em;
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
blockquote {
border-left: solid 4px;
font-style: italic;
margin: 0 0 2em 0;
padding: 0.5em 0 0.5em 2em;
}
code {
border-radius: 0.5rem;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}
pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0 2em 0;
}

pre code {
display: block;
padding: 1em 1.5em;
overflow-x: auto;
}

hr {
border: 0;
border-bottom: solid 1px;
margin: 3em 0;
}

hr.major {
margin: 5em 0;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

blockquote {
border-left-color: rgba(86, 86, 86, 0.25);
}

hr {
border-bottom-color: rgba(86, 86, 86, 0.25);
}

code {
background: rgba(86, 86, 86, 0.075);
}

.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp{order:-1}.row>.col-1{width:8.33333%}.row>.off-1{margin-left:8.33333%}.row>.col-2{width:16.66667%}.row>.off-2{margin-left:16.66667%}.row>.col-3{width:25%}.row>.off-3{margin-left:25%}.row>.col-4{width:33.33333%}.row>.off-4{margin-left:33.33333%}.row>.col-5{width:41.66667%}.row>.off-5{margin-left:41.66667%}.row>.col-6{width:50%}.row>.off-6{margin-left:50%}.row>.col-7{width:58.33333%}.row>.off-7{margin-left:58.33333%}.row>.col-8{width:66.66667%}.row>.off-8{margin-left:66.66667%}.row>.col-9{width:75%}.row>.off-9{margin-left:75%}.row>.col-10{width:83.33333%}.row>.off-10{margin-left:83.33333%}.row>.col-11{width:91.66667%}.row>.off-11{margin-left:91.66667%}.row>.col-12{width:100%}.row>.off-12{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.5em}.row.gtr-25>*{padding:0 0 0 .5em}.row.gtr-25.gtr-uniform{margin-top:-.5em}.row.gtr-25.gtr-uniform>*{padding-top:.5em}.row.gtr-50{margin-top:0;margin-left:-1em}.row.gtr-50>*{padding:0 0 0 1em}.row.gtr-50.gtr-uniform{margin-top:-1em}.row.gtr-50.gtr-uniform>*{padding-top:1em}.row{margin-top:0;margin-left:-2em}.row>*{padding:0 0 0 2em}.row.gtr-uniform{margin-top:-2em}.row.gtr-uniform>*{padding-top:2em}.row.gtr-150{margin-top:0;margin-left:-3em}.row.gtr-150>*{padding:0 0 0 3em}.row.gtr-150.gtr-uniform{margin-top:-3em}.row.gtr-150.gtr-uniform>*{padding-top:3em}.row.gtr-200{margin-top:0;margin-left:-4em}.row.gtr-200>*{padding:0 0 0 4em}.row.gtr-200.gtr-uniform{margin-top:-4em}.row.gtr-200.gtr-uniform>*{padding-top:4em}@media screen and (max-width:1680px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xlarge{order:-1}.row>.col-1-xlarge{width:8.33333%}.row>.off-1-xlarge{margin-left:8.33333%}.row>.col-2-xlarge{width:16.66667%}.row>.off-2-xlarge{margin-left:16.66667%}.row>.col-3-xlarge{width:25%}.row>.off-3-xlarge{margin-left:25%}.row>.col-4-xlarge{width:33.33333%}.row>.off-4-xlarge{margin-left:33.33333%}.row>.col-5-xlarge{width:41.66667%}.row>.off-5-xlarge{margin-left:41.66667%}.row>.col-6-xlarge{width:50%}.row>.off-6-xlarge{margin-left:50%}.row>.col-7-xlarge{width:58.33333%}.row>.off-7-xlarge{margin-left:58.33333%}.row>.col-8-xlarge{width:66.66667%}.row>.off-8-xlarge{margin-left:66.66667%}.row>.col-9-xlarge{width:75%}.row>.off-9-xlarge{margin-left:75%}.row>.col-10-xlarge{width:83.33333%}.row>.off-10-xlarge{margin-left:83.33333%}.row>.col-11-xlarge{width:91.66667%}.row>.off-11-xlarge{margin-left:91.66667%}.row>.col-12-xlarge{width:100%}.row>.off-12-xlarge{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.5em}.row.gtr-25>*{padding:0 0 0 .5em}.row.gtr-25.gtr-uniform{margin-top:-.5em}.row.gtr-25.gtr-uniform>*{padding-top:.5em}.row.gtr-50{margin-top:0;margin-left:-1em}.row.gtr-50>*{padding:0 0 0 1em}.row.gtr-50.gtr-uniform{margin-top:-1em}.row.gtr-50.gtr-uniform>*{padding-top:1em}.row{margin-top:0;margin-left:-2em}.row>*{padding:0 0 0 2em}.row.gtr-uniform{margin-top:-2em}.row.gtr-uniform>*{padding-top:2em}.row.gtr-150{margin-top:0;margin-left:-3em}.row.gtr-150>*{padding:0 0 0 3em}.row.gtr-150.gtr-uniform{margin-top:-3em}.row.gtr-150.gtr-uniform>*{padding-top:3em}.row.gtr-200{margin-top:0;margin-left:-4em}.row.gtr-200>*{padding:0 0 0 4em}.row.gtr-200.gtr-uniform{margin-top:-4em}.row.gtr-200.gtr-uniform>*{padding-top:4em}}@media screen and (max-width:1280px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-large{order:-1}.row>.col-1-large{width:8.33333%}.row>.off-1-large{margin-left:8.33333%}.row>.col-2-large{width:16.66667%}.row>.off-2-large{margin-left:16.66667%}.row>.col-3-large{width:25%}.row>.off-3-large{margin-left:25%}.row>.col-4-large{width:33.33333%}.row>.off-4-large{margin-left:33.33333%}.row>.col-5-large{width:41.66667%}.row>.off-5-large{margin-left:41.66667%}.row>.col-6-large{width:50%}.row>.off-6-large{margin-left:50%}.row>.col-7-large{width:58.33333%}.row>.off-7-large{margin-left:58.33333%}.row>.col-8-large{width:66.66667%}.row>.off-8-large{margin-left:66.66667%}.row>.col-9-large{width:75%}.row>.off-9-large{margin-left:75%}.row>.col-10-large{width:83.33333%}.row>.off-10-large{margin-left:83.33333%}.row>.col-11-large{width:91.66667%}.row>.off-11-large{margin-left:91.66667%}.row>.col-12-large{width:100%}.row>.off-12-large{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.5em}.row.gtr-25>*{padding:0 0 0 .5em}.row.gtr-25.gtr-uniform{margin-top:-.5em}.row.gtr-25.gtr-uniform>*{padding-top:.5em}.row.gtr-50{margin-top:0;margin-left:-1em}.row.gtr-50>*{padding:0 0 0 1em}.row.gtr-50.gtr-uniform{margin-top:-1em}.row.gtr-50.gtr-uniform>*{padding-top:1em}.row{margin-top:0;margin-left:-2em}.row>*{padding:0 0 0 2em}.row.gtr-uniform{margin-top:-2em}.row.gtr-uniform>*{padding-top:2em}.row.gtr-150{margin-top:0;margin-left:-3em}.row.gtr-150>*{padding:0 0 0 3em}.row.gtr-150.gtr-uniform{margin-top:-3em}.row.gtr-150.gtr-uniform>*{padding-top:3em}.row.gtr-200{margin-top:0;margin-left:-4em}.row.gtr-200>*{padding:0 0 0 4em}.row.gtr-200.gtr-uniform{margin-top:-4em}.row.gtr-200.gtr-uniform>*{padding-top:4em}}@media screen and (max-width:980px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-medium{order:-1}.row>.col-1-medium{width:8.33333%}.row>.off-1-medium{margin-left:8.33333%}.row>.col-2-medium{width:16.66667%}.row>.off-2-medium{margin-left:16.66667%}.row>.col-3-medium{width:25%}.row>.off-3-medium{margin-left:25%}.row>.col-4-medium{width:33.33333%}.row>.off-4-medium{margin-left:33.33333%}.row>.col-5-medium{width:41.66667%}.row>.off-5-medium{margin-left:41.66667%}.row>.col-6-medium{width:50%}.row>.off-6-medium{margin-left:50%}.row>.col-7-medium{width:58.33333%}.row>.off-7-medium{margin-left:58.33333%}.row>.col-8-medium{width:66.66667%}.row>.off-8-medium{margin-left:66.66667%}.row>.col-9-medium{width:75%}.row>.off-9-medium{margin-left:75%}.row>.col-10-medium{width:83.33333%}.row>.off-10-medium{margin-left:83.33333%}.row>.col-11-medium{width:91.66667%}.row>.off-11-medium{margin-left:91.66667%}.row>.col-12-medium{width:100%}.row>.off-12-medium{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}}@media screen and (max-width:736px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-small{order:-1}.row>.col-1-small{width:8.33333%}.row>.off-1-small{margin-left:8.33333%}.row>.col-2-small{width:16.66667%}.row>.off-2-small{margin-left:16.66667%}.row>.col-3-small{width:25%}.row>.off-3-small{margin-left:25%}.row>.col-4-small{width:33.33333%}.row>.off-4-small{margin-left:33.33333%}.row>.col-5-small{width:41.66667%}.row>.off-5-small{margin-left:41.66667%}.row>.col-6-small{width:50%}.row>.off-6-small{margin-left:50%}.row>.col-7-small{width:58.33333%}.row>.off-7-small{margin-left:58.33333%}.row>.col-8-small{width:66.66667%}.row>.off-8-small{margin-left:66.66667%}.row>.col-9-small{width:75%}.row>.off-9-small{margin-left:75%}.row>.col-10-small{width:83.33333%}.row>.off-10-small{margin-left:83.33333%}.row>.col-11-small{width:91.66667%}.row>.off-11-small{margin-left:91.66667%}.row>.col-12-small{width:100%}.row>.off-12-small{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.25em}.row.gtr-25>*{padding:0 0 0 .25em}.row.gtr-25.gtr-uniform{margin-top:-.25em}.row.gtr-25.gtr-uniform>*{padding-top:.25em}.row.gtr-50{margin-top:0;margin-left:-.5em}.row.gtr-50>*{padding:0 0 0 .5em}.row.gtr-50.gtr-uniform{margin-top:-.5em}.row.gtr-50.gtr-uniform>*{padding-top:.5em}.row{margin-top:0;margin-left:-1em}.row>*{padding:0 0 0 1em}.row.gtr-uniform{margin-top:-1em}.row.gtr-uniform>*{padding-top:1em}.row.gtr-150{margin-top:0;margin-left:-1.5em}.row.gtr-150>*{padding:0 0 0 1.5em}.row.gtr-150.gtr-uniform{margin-top:-1.5em}.row.gtr-150.gtr-uniform>*{padding-top:1.5em}.row.gtr-200{margin-top:0;margin-left:-2em}.row.gtr-200>*{padding:0 0 0 2em}.row.gtr-200.gtr-uniform{margin-top:-2em}.row.gtr-200.gtr-uniform>*{padding-top:2em}}@media screen and (max-width:480px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xsmall{order:-1}.row>.col-1-xsmall{width:8.33333%}.row>.off-1-xsmall{margin-left:8.33333%}.row>.col-2-xsmall{width:16.66667%}.row>.off-2-xsmall{margin-left:16.66667%}.row>.col-3-xsmall{width:25%}.row>.off-3-xsmall{margin-left:25%}.row>.col-4-xsmall{width:33.33333%}.row>.off-4-xsmall{margin-left:33.33333%}.row>.col-5-xsmall{width:41.66667%}.row>.off-5-xsmall{margin-left:41.66667%}.row>.col-6-xsmall{width:50%}.row>.off-6-xsmall{margin-left:50%}.row>.col-7-xsmall{width:58.33333%}.row>.off-7-xsmall{margin-left:58.33333%}.row>.col-8-xsmall{width:66.66667%}.row>.off-8-xsmall{margin-left:66.66667%}.row>.col-9-xsmall{width:75%}.row>.off-9-xsmall{margin-left:75%}.row>.col-10-xsmall{width:83.33333%}.row>.off-10-xsmall{margin-left:83.33333%}.row>.col-11-xsmall{width:91.66667%}.row>.off-11-xsmall{margin-left:91.66667%}.row>.col-12-xsmall{width:100%}.row>.off-12-xsmall{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.25em}.row.gtr-25>*{padding:0 0 0 .25em}.row.gtr-25.gtr-uniform{margin-top:-.25em}.row.gtr-25.gtr-uniform>*{padding-top:.25em}.row.gtr-50{margin-top:0;margin-left:-.5em}.row.gtr-50>*{padding:0 0 0 .5em}.row.gtr-50.gtr-uniform{margin-top:-.5em}.row.gtr-50.gtr-uniform>*{padding-top:.5em}.row{margin-top:0;margin-left:-1em}.row>*{padding:0 0 0 1em}.row.gtr-uniform{margin-top:-1em}.row.gtr-uniform>*{padding-top:1em}.row.gtr-150{margin-top:0;margin-left:-1.5em}.row.gtr-150>*{padding:0 0 0 1.5em}.row.gtr-150.gtr-uniform{margin-top:-1.5em}.row.gtr-150.gtr-uniform>*{padding-top:1.5em}.row.gtr-200{margin-top:0;margin-left:-2em}.row.gtr-200>*{padding:0 0 0 2em}.row.gtr-200.gtr-uniform{margin-top:-2em}.row.gtr-200.gtr-uniform>*{padding-top:2em}}
/* Box */

.box {
border-radius: 0.5rem;
border: solid 1px;
margin-bottom: 2em;
padding: 1.5em;
}

.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
margin-bottom: 0;
}

.box.alt {
border: 0;
border-radius: 0;
padding: 0;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
display: inline-block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border-radius: 0.5rem;
border: 1px solid rgba(255, 255, 255, 1);
color: rgba(0, 0, 0, 1);
cursor: pointer;
background-color: rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 8px 2px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
font-weight: 600;
font-size: 1em;
height: 3em;
line-height: 3em;
border-radius: 4.28571em;
padding: 0 2.85714em;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.2em;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover, .button:hover {
color: #ffffff;
background-color: rgba(0, 0, 0, .8);
}
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus,
.button:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button.big, .button.big {
display: inline-block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border-radius: 0.5rem;
border: 1px solid rgba(0,0,0, .2);
font-size:1em;
color: rgba(0, 0, 0, 1);
font-weight: 600;
background-color: transparent;
cursor: pointer;
height: 3em;
line-height: 3em;
border-radius: 4.28571em;
padding: 0 2.85714em;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.2em;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button.big:hover, .button.big:hover {
border: solid 1px;
color: #ffffff;
}
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button.big:focus, .button.big:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button.order1, .button.order1 {
text-align: center;
display: inline-block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 2px solid #ffffff;
font-size: 1em;
color: rgba(255, 255, 255, 1);
background:  #565903;
font-weight: 600;
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
cursor: pointer;
height: 2.7em;
line-height: 2.7em;
border-top-left-radius: 4.28571em;
border-bottom-left-radius: 4.28571em;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
text-decoration: none;
white-space: nowrap;
text-transform: capitalize;
letter-spacing: 0px;
margin-top:1em;
margin-bottom:1em;
margin-left: 0;
margin-right: 0;
padding: 0;
width: 145px;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button.order2, .button.order2 {
text-align: center;
display: inline-block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 2px solid #ffffff;
font-size: 1em;
color: rgba(255, 255, 255, 1);
background:  #565903;
font-weight: 600;
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
cursor: pointer;
height: 2.7em;
line-height: 2.7em;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
text-decoration: none;
white-space: nowrap;
text-transform: capitalize;
letter-spacing: 0px;
margin-top:1em;
margin-bottom:1em;
margin-left: 0;
margin-right: 0;
padding: 0;
width: 160px;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button.order3, .button.order3 {
text-align: center;
display: inline-block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 2px solid #ffffff;
font-size: 1em;
color: rgba(255, 255, 255, 1);
background:  #565903;
font-weight: 600;
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
cursor: pointer;
height: 2.7em;
line-height: 2.7em;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 4.28571em;
border-bottom-right-radius: 4.28571em;
text-decoration: none;
white-space: nowrap;
text-transform: capitalize;
letter-spacing: 0px;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding:  0;
width: 145px;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button.order4, .button.order4 {
position: absolute;
text-align: center;
display: block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 2px solid #ffffff;
font-size: .85em;
color: rgba(255, 255, 255, 1);
background:  #565903;
font-weight: 600;
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
cursor: pointer;
height: 2.7em;
line-height: 2.7em;
border-top-left-radius: 4.28571em;
border-bottom-left-radius: 0px;
border-top-right-radius: 4.28571em;
border-bottom-right-radius: 0;
text-decoration: none;
white-space: nowrap;
text-transform: capitalize;
letter-spacing: 0px;
padding:  0;
margin: 0 0 -1.15em 0;
left: 50%;
transform: translate(-50%, -50%);
bottom: 0;
width: 235px;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button.order5, .button.order5 {
text-align: center;
display: inline-block;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 2px solid #ffffff;
font-size: 1em;
color: rgba(0, 0, 0, 1);
font-weight: 600;
background-color: rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
cursor: pointer;
height: 2.7em;
line-height: 2.7em;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
text-decoration: none;
white-space: nowrap;
text-transform: capitalize;
letter-spacing: 0px;
margin-top: 1em;
margin-bottom: .5em;
margin-left: 0;
margin-right: 0;
padding:  0;
width: 110px;
}
 .button.order1:hover, .button.order2:hover, .button.order3:hover, .button.order4:hover, 
.button.order5:hover  {
color: #ffffff;
background-color: rgba(0, 0, 0, .8);
}
.button.order1:focus, .button.order2:focus,  .button.order3:focus, .button.order4:focus,
.button.order5:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
width: 100%;
}

input[type="submit"].large,
input[type="reset"].large,
input[type="button"].large,
button.large,
.button.large {
font-size: 0.85em;
height: 3.92857em;
line-height: 3.92857em;
border-radius: 3.92857em;
padding: 0 2.5em;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
font-size: 0.6em;
height: 3.75em;
line-height: 3.75em;
border-radius: 3.75em;
padding: 0 2.5em;
}

input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
pointer-events: none;
opacity: 0.25;
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
background-color: #565656;
border-color: #565656;
color: #ffffff !important;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover {
background-color: rgba(86, 86, 86, 0.075);
color: inherit !important;
}

/* Form */

form {
margin: 0 0 2em 0;
}

form > :last-child {
margin-bottom: 0;
}

form > .fields {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 3em);
margin: -1.5em 0 2em -1.5em;
}

form > .fields > .field {
-moz-flex-grow: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
-moz-flex-shrink: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
padding: 1.5em 0 0 1.5em;
width: calc(100% - 1.5em);
}

form > .fields > .field.half {
width: calc(50% - 0.75em);
}

form > .fields > .field.third {
width: calc(100%/3 - 0.5em);
}

form > .fields > .field.quarter {
width: calc(25% - 0.375em);
}

@media screen and (max-width: 980px) {
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
font-size: .85em;
letter-spacing: 0.1em;
margin-top: 1em;
}
}
@media screen and (max-width: 736px) {

.button.order1, .button.order3 {
font-size: .8em;
width: 110px;
}
.button.order2 {
font-size: .8em;
width: 120px;
}
}
@media screen and (max-width: 550px) {

.button.order {
width: 385px;
}
.button.order1, .button.order2, .button.order3 {
font-size: 1em;
border-radius: 1em;
height: 2.25em;
line-height: 2.25em;
margin-bottom: .15em;
margin-top: .15em;
width: 100%;
}
}
@media screen and (max-width: 480px) {

.button.order {
width: 345px;
}
}

label {
color: inherit;
display: block;
font-size: 0.9em;
font-weight: 500;
margin: 0 0 1em 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 0.5rem;
border: none;
border: solid 1px;
color: inherit;
display: block;
padding: 0 1em;
text-decoration: none;
width: 100%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none;
}

select {
background-size: 1.25em;
background-repeat: no-repeat;
background-position: calc(100% - 1em) center;
height: 3em;
padding-right: 3em;
text-overflow: ellipsis;
}

select:focus::-ms-value {
background-color: transparent;
}

select::-ms-expand {
display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 3em;
}

textarea {
padding: 0.75em 1em;
}

input[type="checkbox"],
input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
text-decoration: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 300;
padding-left: 2.55em;
padding-right: 0.75em;
position: relative;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
border-radius: 0.5rem;
border: solid 1px;
content: '';
display: inline-block;
font-size: 0.8em;
height: 2.25em;
left: 0;
line-height: 2.25em;
position: absolute;
text-align: center;
top: 0;
width: 2.25em;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
content: '\f00c';
}

input[type="checkbox"] + label:before {
border-radius: 0.5rem;
}

input[type="radio"] + label:before {
border-radius: 100%;
}

::-webkit-input-placeholder {
color: inherit !important;
opacity: 0.5;
}

:-moz-placeholder {
color: inherit !important;
opacity: 0.5;
}

::-moz-placeholder {
color: inherit !important;
opacity: 0.5;
}

:-ms-input-placeholder {
color: inherit !important;
opacity: 0.5;
}

select {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23565656' /%3E%3C/svg%3E");
}

select option {
background: #ffffff;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
background-color: #ffffff;
border-color: rgba(86, 86, 86, 0.25);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: #ffffff;
border-color: rgba(86, 86, 86, 0.25);
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
box-shadow: 0 0 0 1px #565656;
border-color: #565656;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background-color: #565656;
border-color: #565656;
color: #ffffff;
}

/* Icon */

.icon {
text-decoration: none;
position: relative;
border-bottom-width: 0;
}

.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}

.icon > .label {
display: none;
}

.icon.solid:before {
font-weight: 900;
}

.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
}

/* Image */

.image {
border-radius: 0.5rem;
border: 0;
display: inline-block;
position: relative;
}

.image img {
border-radius: 2rem;
display: block;
}

.image.left, .image.right {
max-width: 40%;
}

.image.left img, .image.right img {
width: 100%;
}

.image.left {
float: left;
margin: 0 1.5em 1em 0;
top: 0.25em;
}

.image.right {
float: right;
margin: 0 0 1em 1.5em;
top: 0.25em;
}

.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}

.image.fit img {
width: 100%;
}

.image.main {
display: block;
padding: 0 ;
margin-right: auto;
margin-left: auto;
margin-bottom: 3em;
width: 100%;
max-width: 1200px;
}

.image.main img {
width: 100%;
}

/* List */

ol {
list-style: decimal;
margin: 0 0 2em 0;
padding-left: 1.25em;
}

ol li {
padding-left: 0.25em;
}

ul {
list-style: disc;
margin: 0 0 2em 0;
padding-left: 1em;
}

ul li {
padding-left: 0.5em;
}

ul.alt {
list-style: none;
padding-left: 0;
}

ul.alt li {
border-top: solid 1px;
padding: 0.5em 0;
}

ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}

dl {
margin: 0 0 2em 0;
}

dl dt {
display: block;
font-weight: 500;
margin: 0 0 1em 0;
}

dl dd {
margin-left: 2em;
}

ul.alt li {
border-top-color: rgba(86, 86, 86, 0.25);
}

ul.icons li a.icon:hover:before {
background-color: rgba(86, 86, 86, 0.075);
}

/* Actions */

ul.actions {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
cursor: default;
list-style: none;
margin-left: -1em;
padding-left: 0;
}

ul.actions li {
padding: 0 0 0 1em;
vertical-align: middle;
}

ul.actions.special {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
margin-left: 0;
}

ul.actions.special li:first-child {
padding-left: 0;
}

ul.actions.stacked {
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0;
}

ul.actions.stacked li {
padding: 1.3em 0 0 0;
}

ul.actions.stacked li:first-child {
padding-top: 0;
}

ul.actions.fit {
width: calc(100% + 1em);
}

ul.actions.fit li {
-moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
width: 100%;
}

ul.actions.fit li > * {
width: 100%;
}

ul.actions.fit.stacked {
width: 100%;
}

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

ul.actions:not(.fixed) {
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0;
width: 100% !important;
}

ul.actions:not(.fixed) li {
-moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
padding: 1em 0 0 0;
text-align: center;
width: 100%;
}

ul.actions:not(.fixed) li > * {
width: 100%;
}

ul.actions:not(.fixed) li:first-child {
padding-top: 0;
}

ul.actions:not(.fixed) li input[type="submit"],
ul.actions:not(.fixed) li input[type="reset"],
ul.actions:not(.fixed) li input[type="button"],
ul.actions:not(.fixed) li button,
ul.actions:not(.fixed) li .button {
width: 100%;
}

ul.actions:not(.fixed) li input[type="submit"].icon:before,
ul.actions:not(.fixed) li input[type="reset"].icon:before,
ul.actions:not(.fixed) li input[type="button"].icon:before,
ul.actions:not(.fixed) li button.icon:before,
ul.actions:not(.fixed) li .button.icon:before {
	margin-left: -0.5em;
}
}

/* Icons */

ul.icons {
text-align:center;
cursor: default;
list-style: none;
padding-left: 0;
margin: .5em;
}
ul.icons li {
position: relative;
display: inline-block;
padding: 0 1em 0 0;
}
ul.icons li:last-child {
padding-right: 0 !important;
}
ul.icons li .icon:before {
text-align: center;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: solid 1px;
border-radius: 100%;
width: 2em;
height: 2em;
line-height: 2em;
display: inline-block;

font-size: 1.75em;
}
ul.icons.major {
margin: 3.5em 0;
}
ul.icons.major li {
padding: 0 4em 0 0;
}
ul.icons.major li .icon:before {
width: 3.5em;
height: 3.5em;
line-height: 3.5em;
font-size: 2.25rem;
}
ul.icons.style2 li:before {
content: '';
width: 1em;
height: 1px;
border-top: solid 1px;
display: block;
position: absolute;
top: 50%;
left: -1em;
}
ul.icons.style2 li:first-child:before {
display: none;
}
ul.icons.style2.major li:before {
width: 4em;
left: -4em;
}

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

ul.icons.major {
margin: 0 0 2em 0;
}
ul.icons.major li {
padding: 1em !important;
}
ul.icons.major li:before {
display: none;
}
ul.icons.style2 li:before {
display: none;
}
}

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

ul.icons.major {
max-width: 34em;
margin-left: auto;
margin-right: auto;
}
}

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

ul.icons.major {
max-width: 30em;
}
ul.icons.major li {
padding: 0.75em !important;
}

ul.icons.major li .icon:before {
width: 2.75em;
height: 2.75em;
line-height: 2.75em;
}
}

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

ul.icons.major {
max-width: 100%;
}
ul.icons.major li {
padding: 0.5em !important;
}
ul.icons.major li .icon:before {
font-size: 1.75rem;
}
}
ul.icons li a.icon:hover:before {
color:#ffffff;
background-color: rgba(0, 0, 0, .5);
}

/* Section/Article */


section header p, article header p {
font-size: 1.25em;
}

section header.major, article header.major {
text-align: center;
margin: 0 0 3em 0;
}

 section header.major h2:before, section header.major h3:before, section header.major h4:before, section header.major h5:before, section header.major h6:before, article header.major h2:before, article header.major h3:before, article header.major h4:before, article header.major h5:before, article header.major h6:before {
margin-left: auto;
margin-right: auto;
}

section.special, article.special {
text-align: center;
}

section.special header h2:before, section.special header h3:before, section.special header h4:before, section.special header h5:before, section.special header h6:before, article.special header h2:before, article.special header h3:before, article.special header h4:before, article.special header h5:before, article.special header h6:before {
margin-left: auto;
margin-right: auto;
}

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

section header p, article header p {
font-size: 1em;
}

section header p br, article header p br {
display: none;
}

}

/* Table */

.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}

table {
margin: 0 0 2em 0;
width: 100%;
}

table tbody tr {
border: solid 1px;
border-left: 0;
border-right: 0;
}

table td {
padding: 0.75em 0.75em;
}

table th {
font-size: 0.9em;
font-weight: 500;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}

table thead {
border-bottom: solid 2px;
}

table tfoot {
border-top: solid 2px;
}

table.alt {
border-collapse: separate;
}

table.alt tbody tr td {
border: solid 1px;
border-left-width: 0;
border-top-width: 0;
}

table.alt tbody tr td:first-child {
border-left-width: 1px;
}

table.alt tbody tr:first-child td {
border-top-width: 1px;
}

table.alt thead {
border-bottom: 0;
}

table.alt tfoot {
border-top: 0;
}

table thead {
border-bottom-color: rgba(86, 86, 86, 0.25);
}

table tfoot {
border-top-color: rgba(86, 86, 86, 0.25);
}

table tbody tr {
border-color: rgba(86, 86, 86, 0.25);
}

table tbody tr:nth-child(2n + 1) {
background-color: rgba(86, 86, 86, 0.075);
}

table.alt tbody tr td {
border-color: rgba(86, 86, 86, 0.25);
}

/* Spotlight */

.spotlight {
display: flex;
flex-direction: row-reverse;
align-items: center;
text-align: left;
padding: 0 1em;
margin-top: 4em;
margin-bottom:4em;
margin-right:auto;
margin-left:auto;
width: 63%;
}
.spotlight .image {
padding: 0 0 0 0;
width: 50%;
-ms-flex: 1;
}
.spotlight .image img {
box-shadow:  3px 8px 20px rgba(0,0,0, .15);
border-bottom: 8px solid rgba(146, 151, 4, .45);
border-right: 8px solid rgba(146, 151, 4, .45);
width: 100%;
}
.spotlight .content {
margin: 0 2em 0 0;
width: 50%;
-ms-flex: 1;
}
.spotlight .content header h2:before, .spotlight .content header h3:before, .spotlight .content header h4:before, .spotlight .content header h5:before, .spotlight .content header h6:before {
margin-left: 0 !important;
margin-right: 0 !important;
}
.spotlight .content > :last-child {
margin-bottom: 0;
}
.spotlight .content > :last-child > :last-child {
margin-bottom: 0;
}
.spotlight:nth-of-type(2n) {
-moz-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.spotlight:nth-of-type(2n) .image {
padding: 0 0 0 0;
}
.spotlight:nth-of-type(2n) .content {
margin: 0 0 0 2em;
}
.spotlight h3 {
font-size:1.75em;
margin: 0 .75em .75em 0em;
}
.spotlight p {
font-size:1em;
color: #000000;
padding: 0 0 .75em 0;
margin:0;
}
@media screen and (max-width: 2000px) {
.spotlight {
width: 66%;
}

}
@media screen and (max-width: 1800px) {
.spotlight {
width:70%;
}
}
@media screen and (max-width: 1680px) {
.spotlight {
width:88%;
}
}
@media screen and (max-width: 1280px) {


.spotlight .image {
margin: 0 0 0 0;
}
.spotlight .content {
margin: 0 1.5em 0 0;
}
.spotlight:nth-of-type(2n) .image {
margin: 0 0 0 0;
}
.spotlight:nth-of-type(2n) .content {
margin: 0 0 0 1.5em;
}
}

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

.spotlight {
width: 97%;
}
.spotlight p {
font-size:.85em;
line-height: 1.45em;
padding: 0 1em .75em 1em;
}
.spotlight h3 {
font-size:1.25em;
}
.spotlight .image {
padding:.75em;
margin: 0 0 3em 0 !important;
width: 100%;
}
.spotlight:nth-of-type(2n) .image {
padding:0 .75em .75em .75em;
}
.spotlight .content {
margin: 0 !important;
text-align: center;
width: 100%;
}
.spotlight .content header h2:before, .spotlight .content header h3:before, .spotlight .content header h4:before, .spotlight .content header h5:before, .spotlight .content header h6:before {
margin-left: auto !important;
margin-right: auto !important;
}
.spotlight ul.actions {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
margin-left: 0;
}
.spotlight ul.actions li:first-child {
padding-left: 0;
}

.spotlight:last-of-type {
padding-bottom: 1em;
}
}
@media screen and (max-width: 836px) {
.spotlight p {
font-size:.8em;
line-height:1.35em;
padding: 0 1em .75em 1em;
}
.spotlight {
display: block;
padding: 0 2em;
margin: 2em 0 2em 0;
width:100%;
}
}
@media screen and (max-width: 600px) {

.spotlight .image {
padding: 0;
margin:0 0 1em 0 !important;
}
.spotlight:nth-of-type(2n) .image {
padding:0;
}
.spotlight h3 {
margin: 0 0 .75em 0;
}
.spotlight p {
padding: 0;
}
}
@media screen and (max-width: 550px) {

.spotlight {
padding: 0 1em;
margin: 1.5em 0;
width: 100%;
}
}

/* Wrapper */
.wrapper.style2  {
position: relative;
background: transparent;
border-bottom: 0px solid #b9c69d;
padding:  0;
margin: 0;
/*height: 65vh;*/
width: 100%;
}
.wrapper.style2 .inner {
display: block;
position: absolute;
background-position: top left, top left, center center;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
text-align: center;
background-image: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .5), rgba(0, 0, 0, .4), rgba(0, 0, 0, .3), rgba(0, 0, 0, .3), rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 100%;
top: 0;
z-index: 1;
}
.wrapper.style2 .inner h1 {
display: block;
position: absolute;
text-align: center;
font-family: "Kaushan Script", cursive;
font-size: 6em;
color: transparent;
font-weight: 600;
margin: 0 0 0 0;
padding: 0 0 0 0;
top: 25%;
width: 100%;
z-index: 1;
transform: scale(0);
animation: zoomIn 2s ease-out forwards; 
}
.inset-text {
text-shadow: 0px 0px 0px rgba(255, 255, 255, .65), -5px 0px 4px rgba(0, 0, 0, .25), 0px 0px 0px rgba(255, 255, 255, 1);
}
@keyframes zoomIn {
  0% { transform: scale(0); } 100% { transform: scale(1);  }
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button.order, .button.order {
display: block;
position: absolute;
text-align: center;
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 2px solid rgba(185, 136, 104, .25);
font-size: 1.5em;
color: rgba(255, 255, 255, 1);
font-weight: 600;
background-image: linear-gradient( 90deg, rgba(146, 151, 4, 1), rgba(164, 170, 5, 1), rgba(146, 151, 4, 1));
border: 2px solid #ffffff;
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, .1), 0px 0px 3px rgba(0, 0, 0, .15);
cursor: pointer;
line-height: 1.5em;
border-top-right-radius: 2em;
border-top-left-radius: 2em;
border-bottom-right-radius: 2em;
border-bottom-left-radius: 2em;
text-transform: none;
letter-spacing: 1px;
white-space: normal;
text-decoration: none;
padding: .8em 0 2em 0;
left: 50%;
transform: translate(-50%,-50%);
bottom: 4%;
width: 600px;
max-width: 100%;
z-index: 4;
}
.button.order:hover  {
color: #000000;
background-image: none;
background: rgba(255, 255, 255, 1);
}
.button.order:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.wrapper.style2 .inner h2 {
display: block;
position: absolute;
text-align: center;
font-size: 1.15em;
color: #ffffff;
font-weight: 600;
line-height: 1.3em;
margin: 0 0 0 0;
padding: 0 0 0 0;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1;
}
.wrapper.style2  img.bottomborder {
display: block;
width: 100%;
position: absolute;
bottom: 0;
z-index: 3;
}
.wrapper.style2 video {
margin-top: 0em;
width: 100%;
}
/*.wrapper.style2:after {
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .9));
width: 100%;
height: auto;
z-index: 2;
}*/

 .rslides {
position: relative;
list-style: none;
overflow: hidden;
border: 0px solid rgba(0,0,0,.5);
padding:0;
margin: 0em 0em 0em 0em;
}
 .rslides img {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
left: 0;
top: 0;
}
.rslides:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
position: fixed;
display: block;
object-fit: cover;
float: left;
border: 0;
margin:0 auto;
/*height: 65vh;*/
width: 100%;
}
img#beanborder {
position: absolute;
bottom: 0;
width: 100%;
z-index: 3;
}
.wrapper.style2 #first a { 
position: absolute;
text-align: center;
display: inline-block;
font-size:1.25em;
color: rgba(121, 150, 109, 1);
font-weight: 		600;
right: 6em;
top: 1.35em;
text-decoration:none;
border:none;
width:340px;
}
.wrapper.style2 #second a { 
position: absolute;
text-align: center;
display: inline-block;
font-size:1.25em;
color: rgba(121, 150, 109, 1);
font-weight:400;
right: 7em;
top: 1.35em;
text-decoration:none;
border:none;
width:250px;
}
.wrapper.style2 #first a:hover, .wrapper.style2 #second a:hover { 
background-color: #f0c3fa;
color:#a5ba9d;
}
.wrapper.style2 #first a:focus, .wrapper.style2 #second a:focus { 
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

#main {
display: block;
position: relative;
border-bottom: 25px solid rgba(146, 151, 4, .5);
background-image: url(../../images/burgerback.jpg);
background-size: 50%;
background-repeat: no-repeat;
background-position: left bottom;
min-height: 700px;
width: 100%;
}

#main2 {
display: block;
position: relative;
border-bottom: 0px solid rgba(146, 151, 4, .5);
padding:  0;
width: 100%;
}
img#border  {
position: absolute;
display: block;
bottom: 0;
margin-bottom: -0.1em;
width: 100%;
z-index: 3;
}
#main > .inner {
position:relative;
border-bottom: 25px solid rgba(146, 151, 4, .45);
padding: 0;
margin-right:auto;
margin-left:auto;
margin-top: 0em;
width: 100%;
}
#main2 > .inner {
position:relative;
border-bottom: 0px solid rgba(146, 151, 4, .45);
padding: 0 1em;
margin-right:auto;
margin-left:auto;
margin-top: 0em;
width: 100%;
}
#main > .inner.two {
position:relative;
border: none;
padding: 0 1em;
margin-right:auto;
margin-left:auto;
margin-top: 0em;
width: 100%;
}
#main > .inner.two h1 {
display: block;
text-align: center;
position: relative;
font-size: 3em;
font-weight: 300;
line-height: 1.15em;
text-transform: capitalize;
-webkit-text-fill-color: rgba(0, 0, 0, .7);
letter-spacing: 2px;
padding: 0;
margin-top: 2em;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
width: 100%;
}
#main2 > .inner h1 {
display: block;
text-align: center;
position: relative;
font-size: 2.5em;
font-weight: 300;
line-height: 1.15em;
text-transform: capitalize;
-webkit-text-fill-color: rgba(0, 0, 0, .7);
letter-spacing: 2px;
padding: 0;
margin-top: 1em;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
width: 100%;
}
img#logo {
display: block;
position: relative;
margin-top: -6em;
margin-right: auto;
margin-left: auto;
max-width: 120px;
width: 100%;
z-index: 3;
}
 header#one h1 {
display: block;
text-align: center;
position: relative;
font-family: 'Lobster Regular';
font-size: 6em;
font-weight: 100;
line-height: 0;
text-transform: capitalize;
-webkit-text-fill-color: rgba(0, 0, 0, .7);
letter-spacing: 3px;
padding: 0;
margin-top: 0;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
width: 100%;
}

 header#one h1 span {
font-family: "Lobster", serif;
font-size: 1.75em;
font-weight: 300;
text-transform: capitalize;
}
img#terri {
border-radius: 5px;
max-width: 200px;
width: 100%;
}
.wrapper > .inner.two {
position:relative;
padding: 0em 0 6em 0;
margin-right:auto;
margin-left:auto;
margin-top: 0em;
width: 70%;
}

.topimage  {
display:block;
text-align:center;
background-color: transparent;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('../../images/food-truck.jpg');
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
padding: 11em 0 11em 0;
margin:0;
width:100%;
}
.topimage img {
width:100%;
}
.topimage p {
display: block;
text-align: justify;
font-size: 1em;
color: #ffffff;
font-weight: 400;
padding: 0 1em;
margin-right:auto;
margin-left:auto;
max-width: 63%;
}
.topimage #menulinks {
display:block;
margin-right:auto;
margin-left:auto;
max-width: 1400px;
}
.topimage a {
display:inline-block;
font-size: 1.25em;
color: rgba(255, 255, 255, 1);
border-bottom: 1px dotted rgba( 255, 255, 255, .75);
text-decoration:none;
line-height: 2em;
padding: .5em 1em;
margin: 0 1em;
}
.topimage a:hover {
color: rgba(255, 255, 255, .7);
}
.topimage a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.topimage h2 {
font-family: 'Open Sans', sans-serif;
display:block;
position:relative;
text-align:center;
font-size: 3em;
color: rgba(255, 255, 255, 1);
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0px;
padding: 0em 0em .5em 0em;
margin-bottom:0;
margin-top:0;
margin-right:auto;
margin-left:auto;
z-index: 3;
}

#main .inner header#one {
position: relative;
padding: 0;
width:100%;
z-index: 2;
}
#main header#one img {
vertical-align: middle;
}
#main p {
text-align:justify;
}

#main h2 {
display: block;
position: relative;
text-align: center;
font-size: 2.5em;
color: #000000;
text-transform: none;
letter-spacing: 0px;
line-height: 1.15em;
padding:0 0 .25em 0;
margin-bottom: 0;
margin-top: 1em;
margin-right:auto;
margin-left:auto;
}
.best-takeout-food-truck {
text-align: center;
display: block;
font-size: 1em;
color: rgba(0, 0, 0,  .75);
line-height: 1.35em;
padding: 0 2em 1em 2em;
margin-right:auto;
margin-left:auto;
max-width: 800px;
}
.navlinks {
text-align: center;
position: relative;
display: block;
padding: 0 1em 0 1em;
width: 100%;
}
.navlinks a {
display: inline-block;
cursor: pointer;
margin-right: 1em;
margin-left: 1em;
}
.navlinks2 {
text-align: center;
position: relative;
display: block;
margin-bottom: 1em;
width: 100%;
}
.navlinks2 a {
display: inline-block;
cursor: pointer;
padding: 0 1.5em;
margin-right: 1em;
margin-left: 1em;
}
.navlinks a:focus { 
background-color: #f0c3fa;
outline: 2px dotted #a307fc;
}
#holidays {
font-size: 4em;
color: #966d74;
font-weight: 600;
}
#holidayText {
font-size: 1em;
font-weight: 600;
margin-bottom: 2em;
margin-right:auto;
margin-left:auto;
max-width: 800px;
}
#main h3 {
text-align:center;
font-size:2em;
color: rgba(121, 150, 109, .8);
font-weight: 400;
padding:0em 0em .5em 0em;
margin-bottom:0;
margin-top:0;
margin-right:auto;
margin-left:auto;
}
.wrapper.style6 {
background: linear-gradient(90deg, rgba(250, 250, 249, 1), rgba(255, 255, 255, 1), rgba(250, 250, 249, 1));
border-top: 25px solid rgba(146, 151, 4, .5);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 1em 0 1em 0;
}
.wrapper.style6  h2 {
display: block;
position: relative;
text-align: center;
font-size: 2em;
color: #000000;
text-transform: none;
letter-spacing: 0px;
line-height: 1.15em;
padding: 0 0 .25em 0;
margin-bottom: 0;
margin-top: 2em;
margin-right: auto;
margin-left: auto;
}
.wrapper.style6 p {
text-align:justify;
font-size: 1em;
color: #000000;
line-height: 1.5em;
}
img#thebest {
position: relative;
display: block;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: 0;
margin-bottom: -3.5em;
height: 132px;
width: 150px;
max-width: 100%;
}
/*img#cappuccino {
position: absolute;
top: -25%;
left: 4em;
max-width: 800px;
width: 100%;
z-index: 3;
}*/
.myproducts {
position:relative;
text-align:center;
background-image: linear-gradient(90deg, #f9f8f5, #ffffff, #f9f8f5);
padding: 5em 2em 4em 2em;
width:100%;
}
.myproducts img {
position:relative;
display:inline-block;
padding:.5em .5em .5em .5em;
margin-right:auto;
margin-left:auto;
height: 389px;
width: 400px;
max-width:100%;
}
img#Food-Truck1 {
border-top-left-radius:3em;
border-bottom-left-radius:3em;
}
img#Food-Truck2 {
border-top-right-radius:0em;
border-bottom-right-radius: 0em;
}
img#Food-Truck3 {
border-top-right-radius:3em;
border-bottom-right-radius:3em;
}
.myproducts h2 {
text-align:center;
font-size: 2.5em;
color: #252525;
text-transform: none;
text-transform: capitalize;
padding:0em 0em .35em 0em;
margin-top:0;
margin-bottom:0;
margin-right:auto;
margin-left:auto;
}
.myproducts p {
text-align: center;
font-size: 1em;
padding:0em 0em 1em 0em;
margin-bottom:0;
margin-top:0;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
}
#main .inner p {
color: #000000;
font-weight: 400;
padding: 0 2em;
margin-right:auto;
margin-left:auto;
max-width: 1200px;
}
#main2 .inner p {
text-align: justify;
color: #000000;
font-weight: 400;
padding: 0;
margin-right:auto;
margin-left:auto;
max-width: 1200px;
}
#main .inner.two p {
font-size: 1em;
color: #000000;
font-weight: 400;
padding: 0;
margin-right:auto;
margin-left:auto;
max-width: 1200px;
}
h3#uep {
letter-spacing:-1px;
}
p#withoutyou {
display:block;
font-size:1em;
color: #000000;
font-weight: 500;
padding: 0 2em 0  2em;
margin-right:auto;
margin-left:auto;
margin-top: 1em;
margin-bottom:0;
max-width:1200px;
}
#main h3:before {
border:none;
margin-bottom:0;
}
@media screen and (max-width: 2400px) {
#main {
background-size: 55%;
}
.wrapper.style2 .inner h2 {
top: 43%;
}
}
@media screen and (max-width: 2200px) {

.wrapper.style2 .inner h2 {
top: 45%;
}
}
@media screen and (max-width: 2200px) {


img#logo {
margin-top: -5em;
}
}
@media screen and (max-width: 2000px) {

#main {
background-size: 60%;
}
.wrapper.style2 .inner h1 {
top: 20%;
}
.wrapper.style2 .inner h2 {
top: 43%;
}
img#logo {
margin-top: -5em;
}
}
@media screen and (max-width: 1800px) {

#main {
background-size: 70%;
}
button.order, .button.order {
font-size: 1.25em;
width: 450px;
}
.topimage p {
max-width: 70%;
}
}
@media screen and (max-width: 1680px) {
.topimage p {
max-width: 88%;
}
.wrapper.style2 .inner h2 {
top: 46%;
}
}
@media screen and (max-width: 1480px) {

#main {
background-size: 76%;
min-height: 650px;
}
.wrapper.style2 .inner h2 {
top: 48%;
}
img#logo {
margin-top: -4em;
width: 100px;
}
h3#withoutyou {
padding: 0 0 3em 0;
}
}
@media screen and (max-width: 1280px) {


.wrapper.style2 .inner h1 {
font-size: 5em;
top: 18%;
}
.wrapper.style2 .inner h2 {
font-size: 1em;
top: 47%;
}
.wrapper.style2 video {
margin-top: 0em;
width: 100%;
}
header#one h1 {
font-size: 5em;
}
.wrapper.style6 p {
font-size: .85em;
line-height: 1.5em;
}
.myproducts p {
font-size: .85em;
padding: 0em 0em 1em 0em;
max-width: 1000px;
}
.myproducts img {
height: 340px;
width: 350px;
}
p#withoutyou {
font-size:1em;
padding: 0 2em 0  2em;
max-width:900px;
}
.topimage #menulinks {
max-width: 800px;
}
.wrapper > .inner.two {
width: 80%;
}
}
@media screen and (max-width: 1150px) {

.wrapper.style2 .inner h2 {
top: 50%;
}
.myproducts img {
height:333px;
width:300px;
max-width:100%;
}
}

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

#main {
background-size: 80%;
background-position: center bottom;
min-height: 550px;
}
button.order, .button.order {
font-size: 1em;
width: 370px;
}
.wrapper.style2 .inner h1 {
font-size: 4em;
top: 18%;
}
.wrapper.style2 .inner h2 {
font-size: .85em;
top: 50%;
}
#main2 > .inner.two h1 {
font-size: 2em;
}
#main h2 {
font-size: 2em;
}
 .topimage p {
 font-size: .85em;
max-width: 97%;
}
.wrapper.style2 #first a {
font-size: 1em;
right: 6em;
top: 1.75em;
}
#holidays {
font-size: 3em;
}
img#cappuccino {
margin-top: -3em;
}
img#logo {
margin-top: -2em;
}
 header#one h1 {
font-size: 4em;
}
.myproducts img {
height: 250px;
width: 243px;
max-width:100%;
}
.myproducts p {
text-align: justify;
line-height: 1.5em;
padding: 0em 1em 1em 1em;
}
h3#withoutyou {
font-size: 1.25em;
padding: 0 0 3em 0;
}
#main h2 {
font-size: 1.75em;
}
#main h3 {
font-size: 1.5em;
}
.topimage {
padding: 4em 0 4em 0;
}
.topimage h2 {
font-size:2em;
}
}

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

.myproducts img {
height:235px;
width:212px;
max-width:100%;
}
}
@media screen and (max-width: 736px) {

#main {
background-size: 100%;
}
.wrapper.style2 .inner {
padding: 0 0 3em 0;
}
.wrapper.style2 .inner h1 {
font-size: 2.75em;
top: 10%;
}
.wrapper.style2 .inner h2 {
font-size: .85em;
top: 43%;
max-width: 350px;
}
#main > .inner {
border-bottom: 25px solid rgba(146, 151, 4, .45);
}
#main {
border-bottom: 25px solid rgba(146, 151, 4, .5);
}
#main h2 {
margin-top: .25em;
font-size: 1.5em;
}
.best-takeout-food-truck {
padding: 0 0 1em 0;
max-width: 450px;
}
img#logo {
margin-top: -2em;
width: 80px;
}
 header#one h1 {
font-size: 4em;
}
p#withoutyou {
line-height:1.35em;
padding: 0 1.5em 2em  1.5em;
max-width:900px;
}
.myproducts img {
height: 156px;
width: 160px;
max-width:100%;
}
.topimage {
padding: 3em 0 3em 0;
}
.topimage h2 {
font-size:1.65em;
}
.topimage p {
font-size: .8em;
}
.myproducts h2 {
font-size: 1.5em;
}
.myproducts p {
padding: 1em 0;
}
.wrapper > .inner.two {
width: 87%;
}
#main2 .inner.two p {
font-size: .85em;
}
.wrapper.style6  h2 {
font-size: 1.5em;
}
}
@media screen and (max-width: 650px) {

.wrapper.style2 .inner h2 {
top: 45%;
}
button.order, .button.order {
font-size: .85em;
width: 320px;
}
}
@media screen and (max-width: 575px) {

.wrapper.style2 #first a {
font-size: 1em;
right: 1.15em;
top: 1.15em;
}
img#logo {
margin-top: -2em;
}
#main2 > .inner.two h1 {
font-size: 1.75em;
}
#main > .inner.two h2 {
font-size: 1.5em;
}
.wrapper.style2 .inner h2 {
top: 45%;
}
header#one h1 {
font-size: 3.75em;
}
#main h2 {
font-size: 1.5em;
}
.myproducts img {
height: 126px;
width: 130px;
max-width: 100%;
}
.topimage {
padding: 2em 0 2em 0;
}
.topimage a {
font-size:.85em;
}
.topimage h2 {
font-size:1.25em;
}
h3#withoutyou {
font-size:.85em;
}
img#Food-Truck1 {
border-radius: 2em;
}
img#Food-Truck2 {
border-radius: 2em;
}
img#Food-Truck3 {
border-radius: 2em;
}
.myproducts img {
padding:0;
margin-top:.5em;
height:auto;
width:100%;
}
}
@media screen and (max-width: 550px) {

#main {
background-size: 100%;
min-height: 530px;
}
button.order, .button.order {
line-height: 1.15em;
padding: .25em 2em 2em 2em;
bottom: 1%;
width: 200px;
}
.best-takeout-food-truck {
font-size: .85em;
padding: 0 0 1em 0;
max-width: 375px;
}
.wrapper.style6  h2 {
font-size: 1.5em;
max-width: 275px;
}
}
@media screen and (max-width: 535px) {

.wrapper.style2 .inner h1 {
font-size: 2.5em;
top: 11%;
}
.wrapper.style2 .inner h2 {
top: 53%;
line-height: 1.35em;
max-width: 350px;
}
img#logo {
margin-top: -1em;
width: 70px;
}
 header#one h1 {
font-size: 3em;
}
#main > .inner p {
font-size: .85em;
padding: 0 1em;
}
#main > .inner.two p {
font-size: .85em;
padding: 0;
}
}
@media screen and (max-width: 480px) {

.wrapper.style2 video {
padding: 0 0 3em 0;
}
.wrapper.style2 .inner h1 {
font-size: 2em;
top: 13%;
}
.wrapper.style2 .inner h2 {
top: 50%;
}
#main2 > .inner.two h1 {
font-size: 1.5em;
}
img#thebest {
margin-bottom: -1em;
height: 97px;
width: 110px;
}
header#one h1 {
font-size: 2.5em;
}
#main h2 {
font-size: 1.25em;
max-width: 275px;
}
.myproducts {
padding: 5em 1.5em 4em 1.5em;
}
.wrapper > .inner {
padding: 0 0 0 0;
}
img#Food-Truck1 {
border-radius:2em;
}
img#Food-Truck2 {
border-radius:2em;
}
img#Food-Truck3 {
border-radius:2em;
}
.wrapper.style6  h2 {
max-width: 250px;
}
}

.wrapper.style3 {
position:relative;
background-color: #565656;
color: #ffffff;
background-image: linear-gradient(to top, rgba(86, 86, 86, 0.7), rgba(86, 86, 86, 0.7)), url("../../images/pic05.jpg");
background-size: cover, cover;
background-position: center, center;
background-repeat: repeat, no-repeat;
background-attachment: fixed;
}
.wrapper.style3 > .inner {
display: block;
background-color: transparent;
padding: 6em 0;
margin: 0;
width: auto;
}
.wrapper.style3 {
padding: 2em 1.5em 2em 1.5em;
}
.wrapper.style3 h3 {
font-size: 1.75em;
color: #ffffff;
font-weight: 600;
margin-right: auto;
margin-left: auto;
}
.wrapper.style3 h4 {
text-align:center;
font-size:1.25em;
color: #ffffff;
padding:0em 0em 2em 0em;
margin-bottom:0;
margin-top:0;
margin-right:auto;
margin-left:auto;
max-width: 900px;
}
.wrapper.style3 blockquote {
border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 hr {
border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 code {
background: rgba(255, 255, 255, 0.075);
}

.wrapper.style3 input[type="submit"],
.wrapper.style3 input[type="reset"],
.wrapper.style3 input[type="button"],
.wrapper.style3 button,
.wrapper.style3 .button {
background-color: rgba(255, 255, 255, 1);
}

.wrapper.style3 input[type="submit"]:hover,
.wrapper.style3 input[type="reset"]:hover,
.wrapper.style3 input[type="button"]:hover,
.wrapper.style3 button:hover,
.wrapper.style3 .button:hover {
background-color: rgba(255, 255, 255, 0.075);
}
.wrapper.style3 input[type="submit"]:focus,
.wrapper.style3 input[type="reset"]:focus,
.wrapper.style3 input[type="button"]:focus,
.wrapper.style3 button:focus,
.wrapper.style3 .button:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}		
.wrapper.style3 input[type="submit"].primary,
.wrapper.style3 input[type="reset"].primary,
.wrapper.style3 input[type="button"].primary,
.wrapper.style3 button.primary,
.wrapper.style3 .button.primary {
background-color: #ffffff;
border-color: #ffffff;
color: #565656 !important;
}

.wrapper.style3 input[type="submit"].primary:hover,
.wrapper.style3 input[type="reset"].primary:hover,
.wrapper.style3 input[type="button"].primary:hover,
.wrapper.style3 button.primary:hover,
.wrapper.style3 .button.primary:hover {
background-color: rgba(255, 255, 255, 0.075);
color: inherit !important;
}
.wrapper.style3 input[type="submit"].primary:focus,
.wrapper.style3 input[type="reset"].primary:focus,
.wrapper.style3 input[type="button"].primary:focus,
.wrapper.style3 button.primary:focus,
.wrapper.style3 .button.primary:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

.wrapper.style3 select {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23ffffff' /%3E%3C/svg%3E");
}

.wrapper.style3 select option {
background: #565656;
}

.wrapper.style3 input[type="text"],
.wrapper.style3 input[type="password"],
.wrapper.style3 input[type="email"],
.wrapper.style3 select,
.wrapper.style3 textarea {
background-color: rgba(255, 255, 255, 0.075);
border-color: inherit;
}

.wrapper.style3 input[type="text"]:focus,
.wrapper.style3 input[type="password"]:focus,
.wrapper.style3 input[type="email"]:focus,
.wrapper.style3 select:focus,
.wrapper.style3 textarea:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

.wrapper.style3 input[type="checkbox"] + label:before,
.wrapper.style3 input[type="radio"] + label:before {
background: rgba(255, 255, 255, 0.075);
border-color: inherit;
}

.wrapper.style3 input[type="checkbox"]:focus + label:before,
.wrapper.style3 input[type="radio"]:focus + label:before {
background: rgba(255, 255, 255, 0.075);
box-shadow: 0 0 0 1px #ffffff;
}

.wrapper.style3 input[type="checkbox"]:checked + label:before,
.wrapper.style3 input[type="radio"]:checked + label:before {
background-color: #ffffff;
border-color: #ffffff;
color: #565656;
}

.wrapper.style3 ul.alt li {
border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 ul.icons li a.icon:hover:before {
background-color: rgba(255, 255, 255, 0.075);
}

.wrapper.style3 ul.icons li a.icon:hover:before {
background-color: rgba(255, 255, 255, 0.075);
}

.wrapper.style3 table thead {
border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 table tfoot {
border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 table tbody tr {
border-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style3 table tbody tr:nth-child(2n + 1) {
background-color: rgba(255, 255, 255, 0.075);
}
.wrapper.style3 table.alt tbody tr td {
border-color: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 1800px) {
.wrapper.style3 h4 {
max-width: 800px;
}
}
@media screen and (max-width: 1280px) {
/*video#one {
display:none;
}
video#two {
display:block;
}*/
}
@media screen and (max-width: 980px) {

.wrapper.style3 .spotlight:last-of-type {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style3 > .inner.split > :first-child {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
}

.wrapper.featured {
position:relative;
text-align: center;
background-image: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, .2), rgba(206, 189, 167, .2));
padding: 2em 1em 1em 1em;
}
.wrapper.featured > .inner {
text-align: left;
display: inline-flex;
flex-direction: row;
align-items: center;
background-color:transparent;
padding: 6em 0;
margin:0;
width: auto;
}
.wrapper.featured > .inner > .image {
display: block;
margin: 0 4em 2em 0;
width: 21em;
}
.wrapper.featured > .inner > .image img {
border-radius: 50%;
width: 65%;
}
img#me {
position: relative;
margin-left: 3em;
z-index: 3;
margin-top: 3em;
}
img#dad {
position: relative;
margin-top: -6em;
z-index: 3;
margin-left: 8em;
}
.wrapper.featured > .inner > .content h2 {
text-align: left;
font-size: 3em;
color: #252525;
}
.wrapper.featured > .inner > .content p {
font-size: 1em;
margin: 0 0 1.5em 0;
max-width: 800px;
}
@media screen and (max-width: 1400px) {

.wrapper.featured > .inner > .content p {
max-width: 670px;
}
}
@media screen and (max-width: 1280px) {

.wrapper.featured > .inner {
padding: 0;
}

.wrapper.featured > .inner > .content p {
max-width: 570px;
}
}
@media screen and (max-width: 1100px) {

.wrapper.featured > .inner > .content p {
max-width: 420px;
}
}
@media screen and (max-width: 980px) {


img#me {
margin-left: -9em;
margin-top: 3em;
margin-bottom: -1.7em;
display: inline-block;
}
img#dad {
margin-top: -11em;
margin-left: 8em;
display: inline-block;
}
.wrapper.featured > .inner {
display: block;
text-align: center;
}
.wrapper.featured > .inner > .image {
margin: 0 auto 3em auto;
width: 18em;
}
.wrapper.featured > .inner > .content h2 {
text-align: center;
font-size: 3em;
margin-top: -1em;
}
.wrapper.featured header {
text-align: center;
}
.wrapper.featured > .inner > .content p {
padding: 0 4em;
margin: 0 0 2em 0;
max-width: 100%;
}
}

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

img#me {
margin-left: -7em;
margin-bottom: -1.7em;
}
img#dad {
margin-left: 6em;
}
.wrapper.featured > .inner > .image {
margin: 0 auto 2.5em auto;
width: 13em;
}
.wrapper.featured > .inner > .content h2 {
font-size: 2em;
margin-top: -1em;
}
.wrapper.featured > .inner > .content p {
text-align: justify;
padding: 0 .5em;
margin: 0 0 2em 0;
}
}
@media screen and (max-width: 575px) {

.wrapper.featured > .inner > .content p {
text-align: justify;
font-size: .85em;
}
.wrapper.style3 h3 {
font-size: 1.5em;
max-width: 300px;
}
.wrapper.style3 h4 {
font-size:1em;
}
}
@media screen and (max-width: 360px) {

.wrapper.featured > .inner > .image {
margin: 0 auto 2em auto;
width: 11em;
}
}

.wrapper.split > .inner {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.wrapper.split > .inner > * {
width: 50%;
-ms-flex: 1;
}
.wrapper.split > .inner > :first-child {
margin-right: 2em;
}
.wrapper.split > .inner > :last-child {
margin-left: 2em;
}

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

.wrapper.split > .inner > :first-child {
margin-right: 1.5em;
}
.wrapper.split > .inner > :last-child {
margin-left: 1.5em;
}
}

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

.wrapper.split > .inner {
display: block;
text-align: center;
}
.wrapper.split > .inner header h3::before, .wrapper.split > .inner header h4::before, .wrapper.split > .inner header h5::before, .wrapper.split > .inner header h6::before {
margin-left: auto !important;
margin-right: auto !important;
}
.wrapper.split > .inner > * {
width: 100%;
}
.wrapper.split > .inner > :first-child {
margin-right: 0;
border-bottom: solid 1px rgba(86, 86, 86, 0.25);
padding-bottom: 2em;
margin-bottom: 4em !important;
}
.wrapper.split > .inner > :last-child {
margin-left: 0;
}
}

/* Header */

#header {
position: fixed;
right: 1.5em;
top: .75em;
z-index: 10000;
}

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

#header {
right: 1em;
top: 1em;
}
}
@media screen and (max-width: 575px) {
#header {
right: 1em;
top: .5em;
}
}


#footer {
text-align: center;
position: relative;
background-color: #ffffff;
padding: 2em 1em 0  1em;
width:100%;
}
#footer .inner a {
display: block;
text-align: center;
font-size: 1.25em;
color: #000000;
cursor: pointer;
text-decoration: none;
padding: 0;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 400px;
width: 100%;
}
#footer .inner a:focus, #footer .copyright a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.by {
text-align: center;
position: relative;
display: block;
padding: 1em;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
margin-bottom: 6em;
width: 200px;
max-width: 100%
}
.by img {
position: relative;
display: block;
padding: 0;
width: 100%;
}
#footer .by a {
border: none;
}
.by a:focus {
position: relative;
display: block;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
max-width: 100%;
width: 200px;
}
#footer h3 {
color: #000000;
padding: 0;
margin: 0;
text-align:center;
}

#footer .inner a:hover {
color:rgba(0,0,0, .9);
}
#footer a#employment {
text-align: center;
display: block;
font-size: 1.15em;
font-weight: 600;
border: none;
padding: 0;
margin-top: 0em;
margin-bottom: 0em;
margin-right: auto;
margin-left: auto;
max-width: 400px;
}
#footer a#employment:hover {
color: rgba(0, 0, 0, .9);
}
#footer a#employment:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#footer a#employment:after {
border: none;
}
#footer h3:before {
border:none;
} 
#footer .name {
text-align:center;
font-size: 1.5em;
color: #000000;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
#footer p {
text-align:center;
font-size: 1em;
color: #000000;
line-height: 1.35em;
margin-bottom: 2em;
margin-right:auto;
margin-left:auto;
margin-top: 0;
max-width: 900px;
}
#footer .copyright {
text-align: center;
}
#footer  p#wcag {
text-align: justify;
font-size: 1em;
color: #000000;
margin-bottom: 1em;
margin-right:auto;
margin-left:auto;
max-width: 1100px;
}
#footer  p#wcag a {
display: inline;
font-size: 1em;
border-bottom: 1px dotted;
padding: 0;
margin: 0;
max-width: 120px;
}
#footer  p#wcag a:hover { 
rgba(0, 0, 0,  .9);
}
#footer b {
font-size:2em;
padding:0 .25em 0 .25em;
vertical-align:middle;
}

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

#footer ul.actions {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
margin-left: 0;
}
#footer ul.actions li:first-child {
padding-left: 0;
}
}
@media screen and (max-width: 736px) {
#footer .name {
font-size: 1.15em;
}
}
@media screen and (max-width: 550px) {
#footer p#wcag  {
font-size: .8em;
}
#footer .name {
font-size: 1em;
}
}


/* Intro */

#intro .image {
-moz-transition: opacity 0.75s ease-in-out;
-webkit-transition: opacity 0.75s ease-in-out;
-ms-transition: opacity 0.75s ease-in-out;
transition: opacity 0.75s ease-in-out;
}
#intro .content {
-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
-ms-transition: -ms-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
-moz-transition-delay: 0.35s;
-webkit-transition-delay: 0.35s;
-ms-transition-delay: 0.35s;
transition-delay: 0.35s;
}

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

#intro ul.actions {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
margin-left: 0;
}
#intro ul.actions li:first-child {
padding-left: 0;
}
}

body.is-preload #intro .image {
opacity: 0;
}
body.is-preload #intro .content {
-moz-transform: translateX(0.5em);
-webkit-transform: translateX(0.5em);
-ms-transform: translateX(0.5em);
transform: translateX(0.5em);
opacity: 0;
}

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

body.is-preload #intro .content {
-moz-transform: translateY(0.35em);
-webkit-transform: translateY(0.35em);
-ms-transform: translateY(0.35em);
transform: translateY(0.35em);
}
}

.modal:target {
opacity: 1;
pointer-events: auto;
}
.modal>div {
position: relative;
max-width: 700px;
height: auto;
padding: .5em;
margin: 0 auto;
z-index: 5;
}
.modal {
position: fixed;
display: block;
text-align: justify;
font-family: 'Open Sans', sans-serif !important;
font-size: 1em;
color: rgba(0, 0, 0, .8);
background: rgba(0, 0, 0, .75);
border: 1px solid rgba(64, 63, 2, 0);
border-radius: 0px;
opacity: 0;
box-shadow: 0px 10px 30px rgba(0, 0, 0, .35);
top: 0;
width: 100%;
height: 100vh;
padding: .5em;
margin: 0 auto;
overflow-y: scroll;
transition: opacity 400ms ease-in;
pointer-events: none;
z-index: 5;
}
#orderModalContent  {
position: relative;
display: block;
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .4), 0px 20px 30px rgba(0, 0, 0, .3);
background-color: #363636;
border-radius: 1em;
outline: 5px solid #363636;
margin-top: 0em;
min-height: 600px;
max-width: 500px;
width: 100%;
border: 2px dotted #ffffff;
padding: 1em;
}
a.om {
text-align: center;
display: block;
position: relative;
font-size: 1em;
color: rgba(0, 0, 0, 1);
border-radius: 4px;
border-top: 1px solid rgba(0, 0, 0, .2);
border-bottom: 1px solid rgba(0, 0, 0, .2);
background-image: linear-gradient(90deg, #f8f8f8, #ffffff, #f8f8f8);
box-shadow: inset 0px -5px 7px 5px rgba(0, 0, 0, .1);
line-height: 1.5em;
text-decoration: none;
width: 150px;
margin: 0 auto;
margin-top: 10em;
margin-bottom: -3em;
z-index: 6;
}
a.om:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#orderModalContent h2 {
text-align: center;
font-size: 1.5em;
color: #ffffff;
font-weight: 600;
line-height: 1.25em;
text-transform: uppercase;
padding: 0 .5em;
margin-top: .75em;
margin-right: auto;
margin-left: auto;
width: 450px;
max-width: 100%;
}
#orderModalContent p {
text-align: center;
font-size: 1em;
color: #ffffff;
font-weight: 600;
line-height: 1.5em;
padding: 0 2em;
margin-top: 1em;
}
#orderModalContent p#two {
text-align: justify;
font-size: 1em;
color: #ffffff;
font-weight: 600;
line-height: 1.5em;
padding: 0 2em;
margin-top: 1em;
}
#orderModal img {
display: block;
border-radius: 1em;
margin-right: auto;
margin-left: auto;
margin-top: 4.5em;
max-width: 300px;
width: 100%;
}
@media screen and (max-width:736px) {
a.om {
margin-top: 5em;
}
}
@media screen and (max-width:480px) {

#orderModalContent h2 {
font-size: 1.15em;
padding: 0 .5em;
margin-top: 1em;
width: 450px;
}
#orderModalContent p {
padding: 0 1em;
}
}   


.specialContainer {
position: relative;
text-align: center;
display: block;
border-top: 5px solid rgba(255, 255, 255, .5);
background: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, .2), rgba(206, 189, 167, .2));
padding: 5em 1em 7em 1em;
margin: 0;
width: 100%;
z-index: 1;
}
.specialImage {
position: relative;
display: block;
border-radius: 6px;
background: rgba(121, 150, 109, .2);
padding: 2em;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
width: 100%;
}
img.special {
display: block;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, .4);
box-shadow: 0px 15px 25px rgba(0, 0, 0, .2);
margin-right: auto;
margin-left: auto;
max-width: 700px;
width: 100%;
}
.specialDesc {
position: relative;
display: block;
text-align: center;
font-size: 1.15em;
color: rgba(76, 95, 69, 1);
font-weight: 600;
margin-top: 1em;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
#main .specialContainer h2 {
display: block;
font-family: "Open Sans", Helvetica, sans-serif;
font-size: 2.5em;
color: rgba(76, 95, 69, 1);
font-weight: 600;
line-height: 1.25em;
text-transform: none;
padding: 0 0 0 0;
margin: 0;
}
.specialContainer h2:after {
border: none;
}
#main .subheading {
display: block;
font-family: "Open Sans", Helvetica, sans-serif;
font-size: 1.5em !important;
color: rgba(76, 95, 69, 1);
font-weight: 600;
text-transform: none;
padding: 0 0 .5em 0;
margin: 0;
}
.specialBtn {
padding: 0 0 1.5em 0;
margin-right: auto;
margin-left: auto;
max-width: 600px;
}
input[type="submit"], 
input[type="reset"], 
input[type="button"],
.button.reserve {
border-top-left-radius: 4.28571em;
border-bottom-left-radius: 4.28571em;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border: 1px solid rgba(255, 255, 255, 1);
color: #000000 !important;
background-color: rgba(121, 150, 109, .2) !important; 
}
input[type="submit"],
input[type="reset"], 
input[type="button"],
.button.share {
border-top-right-radius: 4.28571em;
border-bottom-right-radius: 4.28571em;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
color: #000000 !important;
border: 1px solid rgba(255, 255, 255, 1);
background-color: rgba(121, 150, 109, .2) !important;
}
.button.reserve:hover, .button.share:hover {
border: 1px solid rgba(255, 255, 255, .35);
background-color: rgba(121, 150, 109, .1) !important;
}
.button.reserve:focus, .button.share:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
@media screen and (max-width: 550px) {
.button.reserve, .button.share {
font-size: .8em;
letter-spacing: 1px;
}
.specialContainer h2 {
font-size: 1.75em;
}
.specialDesc {
font-size: .85em;
line-height: 1.5em;
}
#main .specialContainer h2 {
font-size: 1.75em;
}
}


.itag {
text-align: center;
position: relative;
display: inline-block;
background: rgba(255, 255, 255, .1);
box-shadow: 0px 3px 8px rgba(0, 0, 0, .15);
border-radius: .25em;
padding: 1em .5em;
margin-right: .15em;
margin-left: .15em;
margin-bottom: .5em;
width: 90px;
max-width: 100%;
}
.icon {
position: relative;
display: block;
border-bottom: none;
margin-right: auto;
margin-left: auto;
max-width: 35px;
}
.icon img {
width:100%;
}
.icon:hover {
opacity: .85;
}
.itag a {
text-decoration: none;
}
#footer .itag a {
font-size: .75em;
color: rgba(0, 0, 0, 1);
cursor: pointer;
margin: 0;
}
.itag a:visited {
color: rgba(255, 255, 255, 1);
cursor: pointer;
}
.itag a:hover {
color: #d6fc03;
}
.itag a:active {
color: rgba(255, 255, 255, 1);
cursor: pointer;
}
.itag a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}