@font-face {
  font-family: 'open_sansregular';
    src:  url('OpenSans-Regular-webfont.woff') format('woff');   
}
@font-face {
  font-family: 'open_sanslight';
    src:  url('OpenSans-Light-webfont.woff') format('woff');   
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

html, body {
font-size: 100%;
line-height:0;
margin:0;
padding:0;
border-spacing:0;
}
html {
scroll-behavior: smooth;
}
.skip {
position: absolute;
left: -10000px;
color: #ffffff;
background-color: #000000; 
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
ol, ul {
list-style: none;
}
body {
}
/*::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); -webkit-border-radius: 10px; background:rgba(34,17,1,0); border-radius: 0px;}
::-webkit-scrollbar-track-piece { background-image: linear-gradient(rgba(206, 189, 167, .9), rgba(206, 189, 167, .9), rgba(206, 189, 167, .9)); background-color:#ffffff; /*background:url("food/brickpattern.jpg"); border-radius: 0px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1) !important; 
background-image: linear-gradient(rgba(206, 189, 167, .95), rgba(247, 241, 226, 1), rgba(206, 189, 167, .95)) !important;}
::-webkit-scrollbar-corner { background:transparent;
}*/
/* Basic */

*,
*:before, *:after {  box-sizing: border-box }


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

/* Main */
#main {
position:relative;
text-align:center;
background-image: linear-gradient(180deg, rgba(206, 189, 167, .3), rgba(247, 241, 226, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
border: 0px;
padding:0em 0em 0em 0em;
/*margin-left: 35%;
margin-top:0;
margin-right:0;
margin-bottom:0;
width: calc(100% - 35%);
max-width: 100%;*/
width:100%;	
z-index:2;
}
.items {
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.pic {
display:inline-block;
margin: 2em;
width: calc(25% - 1.5em);
}
#two h3 {
text-align:center;
font-family: 'Prompt', sans-serif;
font-size: 1.25em;
color: rgba(247, 241, 226, 1);
background-color: rgba(0, 0, 0, 1);
font-weight:500;
letter-spacing:0px;
line-height: 1.75em;
padding:.5em 0em 0em 0em;
margin: 0;
}
.items a {
color: rgba(247, 241, 226, 1);
background-color: #000000;
text-decoration:none;
}
.items a:hover {
color: rgba(247, 241, 226, .5);
background-color: #000000;
}
.items a:focus {
color:#ffffff !important;
background-image: none !important;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.containerone {
padding: 12em 0em 17em 0em;
margin:0;
}
.containerone h1  {
text-align:center;
display:block;
font-family: "Playfair", serif;
font-size: 10em;
color:rgba(0, 0, 0, 1);   
font-weight: 800;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
line-height:.25em;
padding: .25em 0em .5em 0em;
margin: 0;
}
.inset-text {
text-shadow: 0px 0px 0px rgba(0, 0, 0, .55), 4px 0px 4px rgba(255, 255, 255, .6), 0px 0px 0px rgba(0, 0, 0, 1);
}
.containerone h2 {
text-align:center;
display:block;
font-family: 'open_sansregular';
font-size: 2.5em;
line-height:.25em;
color:rgba(0, 0, 0, 1);   
padding: 0em 0em .25em 0em;
margin: 0;
}
.containerone h3 {
text-align:center;
display:block;
font-family: 'open_sansregular';
font-size: 1.5em;
line-height:.25em;
color:rgba(0, 0, 0, 1);   
padding: 1em 0em .25em 0em;
margin: 0;
}
.containerone p {
text-align:center;
display:block;
font-family: 'open_sansregular';
font-size: 1em;
line-height: 1.65em;
color:rgba(0, 0, 0, 1);   
font-weight: bold;
padding: 0em 0em .25em 0em;
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
.containerone a {
text-align:center;
display:block;
font-family: 'open_sansregular';
font-size: 1em;
line-height: 1.65em;
color: rgba(255, 255, 255, 1);   
background: rgba(0, 0, 0, .85);
box-shadow: inset 0px 0px 5px 2px rgba(255, 255, 255, .6), 0px 8px 20px rgba(0, 0, 0, .35);
text-decoration: none;
border-top-right-radius: 40%;
border-bottom-left-radius: 50%;
padding: 2em 2em 2em 2em;
margin-right: auto;
margin-left: auto;
max-width: 400px;
}
.containerone a:hover {
background: #900512;
}
.containerone a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.containertwo {
position: relative;
border-right: 0px;
border-left: 0px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-color: #000000;
padding: 0em 0em 3em 0em;
margin: 0;
width: 100%;
z-index: 3;
}
img#pasta {
margin-top: -17em;
width: 1200px;
max-width: 100%;
}
/*.containertwo  {
background-image:url('background.png');
}*/
.catering {
background-attachment:fixed;
background-image:url('catering.jpg');
background-position:center;
background-repeat:no-repeat;
background-size:cover;
width:100%;
height:100vh;
margin:0;
Padding:0;
}
.catering .catcontainer {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 0em 0em 0em 0em;
max-width: 900px;
}
.catering .catcontainer h2 {
text-align: center;
display: block;
position: relative;
font-family: 'Prompt', sans-serif;
text-transform: capitalize;
font-size: 4.25em;
font-weight: 600;
color: rgba(255, 255, 255, 1);
letter-spacing: 0px;
border: 0px;
line-height: initial;
margin-right: auto;
margin-left: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 .5em 0;
}
.catering .catcontainer p {
text-align: justify;
display: block;
position: relative;
font-family: 'open_sansregular';
text-transform: capitalize;
font-size: 1.25em;
color:rgba(255,255,255, 1);
font-weight: normal;
letter-spacing: 0px;
border: 0px;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0em 1em 2em 1em;
}
#two {
padding: 3em 13em 7em 13em;
}
header.major h2 {
font-size: 2em;
}
#two h2 {
font-family: 'Prompt', sans-serif;
font-size: 3em;
color: rgba(255, 255, 255, 1);
font-weight: 500;
line-height: 1.35em;
text-transform: none;
letter-spacing:2px;
padding: 0em 0em 1em 0em;
margin-right:auto;
margin-left:auto;
}

.space {
display:none;
margin:0;
padding:0;
}
.myvids2 {
display:none;
}
.myvids {
width:100%;
}
.myvids video  {
position:fixed;
background-position:center;
/*object-fit:contain;*/
width:100%;
top:0;
z-index:0;
}

/* Image */

.image img {
border-radius: 0.35em;
display: block;
}
.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}
.items .image.fit {
display: block;
border-radius:10%;
margin:0;
width: 100%;
}
.image.fit img {
width: 100%;
border-radius: 20%;
border: 0px solid rgba(96, 100, 55, 1);
}

/* Button */

input[type="submit"], input[type="reset"], input[type="button"], 
.button {
display: inline-block;
appearance: none;
text-align: center;
font-family: 'Prompt', sans-serif;
border-radius: 0.35em;
cursor: pointer;
font-weight: 400;
text-transform:uppercase;
text-decoration: none;
margin-right: .25em;
margin-left: .25em;
margin-bottom:1em;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
font-size: 1em;
color: rgba(255,255,255, 1);
font-weight: 500;
letter-spacing: 2px;
background-color: rgba(77,89,2, .7);
border: 1px solid rgba(255, 255, 255, 1);
padding: 1.5em 0em 1.5em 0em;
width: calc(50% - 1em);
}
input[type="submit"].small:hover,
input[type="reset"].small:hover,
input[type="button"].small:hover,
.button.small:hover {
color: rgba(255,255,255, .5);
background-color:transparent;
border:1px solid rgba(255, 255, 255, 0);
}
.button.small:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"].large,input[type="reset"].large,input[type="button"].large,
.button.large {
font-size: 1.5em;
color:rgba(70, 73, 2, 1);   
background:transparent;
border:2px solid rgba(70, 73, 2, 1);
padding: 1.15em 0em 1.15em 0em;
width:20%;
}
input[type="submit"].large:hover,
input[type="reset"].large:hover,
input[type="button"].large:hover,
.button.large:hover {
border:2px solid rgba(255, 255, 255, 0);
color: #7f8a04 !important;
}
.button.large:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="submit"].cater,input[type="reset"].cater,input[type="button"].cater,
.button.cater {
font-size: 1.5em;
color: rgba(255, 255, 255, 1);   
background: rgba(0, 0, 0, 1);
border:1px solid rgba(255, 255, 255, .7);
padding: 1.15em 0em 1.15em 0em;
width:50%;
}
input[type="submit"].cater:hover,
input[type="reset"].cater:hover,
input[type="button"].cater:hover,
.button.cater:hover {
border:1px solid rgba(255, 255, 255, 0);
color: rgba(255, 255, 255, 1);
}
.button.cater:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}

img#eat {
position:relative;
display:block;
padding: .5em 0 0 0;
margin-right:auto;
margin-left:auto;
max-width: 400px;
}
.containerthree {
background-attachment: fixed;
background-image: url('main-image.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 0;
margin: 0;
height: 100vh;
width: 100%;
}
.containerfour {
display: block;
position: relative;
background-color: rgba(0, 0, 0, .5);
padding: 0em 0em 0em 0em;
margin: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.containerfour h3 {
position: absolute;
text-align: center;
display: block;
font-family: 'Prompt', sans-serif;
font-size: 4em;
color: #ffffff;
font-weight: 600;
top: 50%;
left: 50%;
line-height: 1.5em;
padding: 1em;
margin: 0;
transform: translate(-50%, -50%);
max-width: 1100px;
width: 100%;
}
.containerfour  a {
color: #c6ff00;
}
.containerfour  a:hover {
color: #e8fda0;
}
.containerfour  a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.eatalia  {
text-align:center;
font-family: 'Ballet', cursive;
font-size:6em;
line-height:1.5em;
color: rgba(77, 89, 2, 1);
text-shadow:0px 1px 0px rgba(255, 255, 255, 1);
font-weight:400;
padding:0em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
}
.eatalia  img {
padding:0em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
max-width:300px;
width:100%;
}
.containerthree .address {
font-family: 'Prompt', sans-serif;
font-size:1.5em;
color: rgba(255, 255, 255, 1);
font-weight:600;
text-shadow: 0px 1px 0px rgba(77, 89, 2, 1);
position: relative;
padding: 0em 0em 1.5em 0em;
line-height:1.35em;
margin-top:0;
margin-bottom:0;
margin-right:auto;
margin-left:auto;
}
.major a:focus {
color:#ffffff !important;
background-image: none !important;
outline: 5px dotted #a307fc !important;
background: #d004fc !important;
}

/* Large */

@media screen and (max-width: 2000px) {
.button.large {
font-size: 1.5em;
width:30%;
}
#two {
padding: 2em 7em 7em 7em;
}
}
@media screen and (max-width: 1800px) {

img#eat {
max-width: 350px;
}
img#pasta {
margin-top: -14.15em;
width: 1000px;
}
}
@media screen and (max-width: 1600px) {

#two {
padding: 2em 4em 7em 4em;
}
.containerone {
padding: 10em 0em 12em 0em;
}
}
@media screen and (max-width: 1400px) {

img#eat {
max-width: 300px;
}
img#pasta {
margin-top: -12.75em;
width: 900px;
}
.containerfour h3 {
font-size: 3em;
max-width: 900px;
}
.containerone {
padding: 10em 0em 11em 0em;
}
}
@media screen and (max-width: 1280px) {


.containerone h1 {
font-size: 8em;
}
.containertwo  {
background-image:none;
}
img#pasta {
margin-top: -11.3em;
width: 800px;
}
/*.containertwo  {
background-image:url('background2.png');
}*/
.button.large {
width:40%;
}
#two h2 {
font-size: 1.65em;
}
.pic {
margin:.5em;
width:calc(47% - 0vw);
}
#two {
padding: 2em 3em 6em 3em;
}
.myvids {
display:none;
}
.myvids2 {
display:block;
width:100%;
}
.myvids2 video  {
position:fixed;
background-position:center;
width:100%;
top:0;
z-index:0;
}
}
@media screen and (max-width: 980px) {



.containerone {
padding: 9em 0em 7em 0em;
}
.containerone h1 {
font-size: 6.5em;
}
.containerone h2 {
font-size: 1.75em;
}
.containerone p {
font-size: 1em;
max-width: 550px;
}
img#eat {
max-width: 270px;
}
img#pasta {
margin-top: -9.9em;
width: 700px;
}
#two {
padding: 2em 1.5em 5em 1.5em;
}
#two h3 {
font-size: 1em;
}
.containerfour h3 {
font-size: 2.5em;
max-width: 750px;
}
.button.cater {
font-size: 1em;
padding: 1.15em 0em 1.15em 0em;
width: 75%;
}
.button.large {
font-size: 1.25em;
padding: 1.25em 0em 1.25em 0em;
width:50%;
}
}
@media screen and (max-width: 736px) {

.containerone {
padding: 6em 0em 6em 0em;
}
.containerone h1 {
font-size: 6.5em;
}
.containerone h2 {
font-size: 1.75em;
}
.containerone p {
max-width: 550px;
}
img#eat {
max-width: 250px;
}
img#pasta {
margin-top: -7.8em;
width: 550px;
}
#three p {
font-size:1.15em;
}
.first {
width: calc(100% - 0vw);
}
.second {
width: calc(100% - 0vw);
}
.by img {
padding: 0;
max-width: 200px;
}
.button.large {
font-size: 1em;
width: 60%;
}
.eatalia  {
font-size:3em;
}
.button.small {
font-size: .85em;
width:100%;
}
section.special, article.special {
text-align: center;
}
.pic {
margin:.5em;
width:calc(50% - 1.5em);
}
#two h2 {
padding:4em 0em 1em 0em;
}
#two h3 {
font-size: 1.25em;
}
#two {
padding: 0em 1.25em 0em 1.25em;
}
}

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


.containerone {
padding: 4em 0em 4em 0em;
}
.containerone h1 {
font-size: 4.5em;
}
.containerone h2 {
font-size: 1.75em;
}
.containerone p {
max-width: 550px;
}
img#pasta {
margin-top: -5.7em;
width: 400px;
}
.eatalia  img {
max-width:175px;
width:100%;
}
.containertwo  {
background-image:none;
}
/*.containertwo  {
background-image:url('background3.png');
}*/
.containerthree, .catering {
height: 50vh;
}
.catering .catcontainer {
padding:0em 1em 0em 1em;
}
.catering .catcontainer h2 {
font-size: 2em;
}
.catering .catcontainer p {
font-size: .75em;
}
.button.cater {
font-size: 1em;
padding: 1.15em 0em 1.15em 0em;
width: 75%;
}
.containerthree p {
font-size: 1em;
padding:1em 1em 1em 1em;
}
.containerfour h3 {
font-size: 2em;
max-width: 500px;
}
#three p {
font-size:.85em;
}
#two h2 {
font-size: 1em;
letter-spacing:0px;
}
#two h3 {
font-size: 1em;
line-height: 1em;
padding-top:.5em;
}
#two {
padding: 0em 1em 0em 1em;
}
}
@media screen and (max-width: 480px) {

.containerone {
padding: 2em 1em 3em 1em;
}
.containerone h1 {
font-size: 4em;
}
.containerone h2 {
font-size: 1.5em;
}
.containerone p {
font-size: .8em;
max-width: 550px;
}
.containerone a {
font-size: .8em;
max-width: 300px;
}
.myvids2 video  {
width:120%;
}
img#pasta {
margin-top: -5em;
width: 350px;
}
.containertwo  {
background-image:none;
}
/*.containertwo  {
background-image:url('background4.png');
}*/
.button.large {
font-size: .85em;
padding: 1.5em 0em 1.5em 0em;
width: 80%;
}
img#eat {
max-width:200px;
}
.pic {
margin:0;
width:calc(100% - 0em);
}
#two h2 {
font-size: .85em;
padding:5em 0em 1em 0em;
}
#two h3 {
font-size: 1.25em;
}
.button.small {
font-size: .8em;
}
.containerfour h3 {
font-size: 1.75em;
}
}
@media screen and (max-width: 380px) {

}

#footer {
font-family: 'open_sansregular';
position: relative;
display: block;
text-align: center;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), #272727, rgba(0, 0, 0, 1));
background-color: #000000;
padding: 5em 0 3em;
margin: 0;
width: 100%;
}
#footer p {
text-align: justify;
font-size: 1em;
color: #ffffff;
line-height: 1.5em;
padding: 3em 1em;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
a#phone {
display: block;
font-size: 1.25em;
color: #ffffff;
border-bottom: 1px dotted;
text-decoration: none;
padding: 1em 0 .75em 0;
margin-bottom: 1.5em;
margin-left: auto;
margin-right: auto;
width: 210px;
}
a#directions {
display: block;
font-size: 1.25em;
color: #ffffff;
border-bottom: 1px dotted;
text-decoration: none;
padding: 1em 0 .75em 0;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
width: 140px;
}
a#ada {
color: #ffffff;
border-bottom: 1px dotted;
text-decoration: none;
padding: 0;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
width: 100px;
}
a#phone:hover, a#directions:hover, a#ada:hover {
color: #b8fa07;
}
a#phone:focus, a#directions:focus, a#ada:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#footer h4 {
font-size: 1.25em;
color: #ffffff;
line-height: 1.65em;
padding: 0em 1em;
margin: 0;
}
.by {
text-align: center;
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 100%;
width: 200px;
}
.by img {
position: relative;
display: block;
margin-top: 1em;
margin-bottom: 3em;
max-height: 100%;
max-width: 100%;
width: 200px;
}
.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;
}
@media screen and (max-width: 736px) {
#footer h4 {
font-size: 1em;
}
#footer p {
font-size: .85em;
}
}