.mainpic {

      background: url(../img/mainpic.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
    height: 520px;
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
}

#cook {
    display: inline-block;
    width: 461px;
    height: 599px;
}

#aboutus {
    padding-top: 40px;
    padding-bottom: 40px;
     position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

#biglogo {
    height: 200px;
    width: 430px;
    margin-top: 0px;
    margin-right: 0px;
}

#witch {
    height: 180px;
    width: 130px;
    margin-left: 30px;
    margin-top: -20px;
}


@font-face {
    font-family: GothaProIta;
    src: url("../fonts/GothaProIta.otf") format("opentype");
}

@font-face {
    font-family: GothaProBla;
    src: url("../fonts/GothaProBla.otf") format("opentype");
}

@font-face {
    font-family: GothaProBlaIta;
    src: url("../fonts/GothaProBlaIta.otf") format("opentype");
}

@font-face {
    font-family: GothaProReg;
    src: url("../fonts/GothaProReg.otf") format("opentype");
}

@font-face {
    font-family: GothaProNarMed;
    src: url("../fonts/GothaProNarMed.otf") format("opentype");
}

@font-face {
    font-family: GothaProNarBol;
    src: url("../fonts/GothaProNarBol.otf") format("opentype");
}

@font-face {
    font-family: GothaProMed;
    src: url("../fonts/GothaProMed.otf") format("opentype");
}

@font-face {
    font-family: GothaProMedIta;
    src: url("../fonts/GothaProMedIta.otf") format("opentype");
}

@font-face {
    font-family: GothaProBol;
    src: url("../fonts/GothaProBol.otf") format("opentype");
}

@font-face {
    font-family: GothaProBolIta;
    src: url("../fonts/GothaProBolIta.otf") format("opentype");
}
@font-face {
    font-family: GothaProLig;
    src: url("../fonts/GothaProLig.otf") format("opentype");
}

@font-face {
    font-family: GothaProLigIta;
    src: url("../fonts/GothaProLigIta.otf") format("opentype");
}

/*
 @font-face {
    font-family: 'Annabelle';
        src: url('../fonts/annabelle1.woff') format('woff');
}

 @font-face {
    font-family: 'segoeuilight';
        src: url('../fonts/segoeuilight.woff') format('woff');}

 @font-face {
    font-family: 'segoeui-bold';
        src: url('../fonts/segoeui-bold.woff') format('woff');}

 @font-face {
    font-family: 'segoeui';
        src: url('../fonts/segoeui.woff') format('woff');}
*/

@media screen and (max-width:321px){
body{width:100px}
}
html {
    min-height: 100%;
    min-width: 100%;
}
#maintext{
        margin-top: 80px;
        line-height: 58px;
    font-size: 48px;
    color: #FFFFFF;
   
    font-family: 'Annabelle';
    font-weight: 400;
    white-space: pre;
}

#fp {
    position: inherit;
    display: inline-block;
    height: auto;
    width: 50%;
    padding-top: 50px;
    
}

#mp {
     position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

#au1 {
    display: block;
}

 h2 {
       text-align: center;
font-family: GothaProBolIta;
         z-index: 178;
    background-color: transparent;
    color: #47687F;
    line-height: 78px;
    font-size: 65px;
    font-weight: 400;
    margin-left: 1px;
    position: relative;
     
}

#Befana {
    white-space: pre;
    font-family: GothaProReg;
        z-index: 168;
    width: 638px;
    min-height: 291px;
    background-color: transparent;
    color: #555B6C;
    line-height: 23px;
    font-size: 14px;
    text-indent: 20px;
    font-weight: 400;
    position: relative;
}

#auimg {
    width: 638px;
    height: 450px;
    margin-top: 25px;
}

#rec {
    position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
        z-index: 162;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 72px;
    font-size: 60px;
    text-align: center;
    font-family: GothaProBolIta;
    font-weight: 400;
    position: relative;
    padding: 30px;
    padding-left: 0;
    padding-right: 0;
    white-space: pre;
    
}

#recipies {
     padding-top: 30px;
    padding-bottom: 30px;
   
    width: 100%;
    display: table;
      background: url(../img/back1.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
   
}

#menu {
     padding-top: 40px;
    padding-bottom: 40px;
     position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

#menuimg {
    padding: 10px;
    height: 500px;
    width: 660px;
    display: inline-table;
}

.menunnnn {
    margin: 10px;
}

#butmenu {
        font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
   color: #47687F;
    font-family: GothaProLigIta;
    font-weight: 700;
    margin: 0;
     transition: 0.5s;

}

#butmenu:hover {
        font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    color: ghostwhite;
    font-family: GothaProLigIta;
    font-weight: 700;
    transition: 0.5s;
}

#butmenuu {
      margin-left: 245px;
    margin-top: 55px;
    background-color: white;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-left-width: 0px;
    border-color: cornflowerblue;
    transition: 0.5s;
        outline: none !important;
}

#butmenuu:focus {
      margin-left: 245px;
    margin-top: 55px;
    background-color: white;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-left-width: 0px;
    border-color: cornflowerblue;
    transition: 0.5s;
        outline: none !important;
}

#butmenuu:active {
      margin-left: 245px;
    margin-top: 55px;
    background-color: white;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-left-width: 0px;
    border-color: cornflowerblue;
    transition: 0.5s;
        outline: none !important;
}
#butmenuu:hover {
    margin-left: 245px;
    margin-top: 55px;
    background-color: #47687F;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-bottom-color: cornflowerblue;
    transition: 0.5s;
        outline: none !important;
}
#butmenuu:hover > #butmenu {
   font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    color: ghostwhite;
    font-family: GothaProLigIta;
    font-weight: 700;
    transition: 0.5s;
}

#amenu {
    color:cornflowerblue;
}
#amenu:hover {
    color: white;
}

#taste {
     padding-top: 30px;
    padding-bottom: 30px;
   
    width: 100%;
    display: table;
      background: url(../img/back2.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#tas {
     position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
        z-index: 162;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 72px;
    font-size: 60px;
    text-align: center;
    font-family: GothaProBolIta;
    font-weight: 400;
    position: relative;
    padding: 30px;
     padding-left: 0;
    padding-right: 0;
    white-space: pre;
}

#galleryimg {
        position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
    margin-top:20px;
    margin-bottom: 70px;
}

#rec1 {
      position: relative;
    display: flex;
    margin-right: auto;
    margin-left: auto;
        z-index: 162;
    background-color: transparent;
    color: cadetblue;
    line-height: 72px;
    font-size: 60px;
    text-align: center;
    font-family: GothaProBolIta;
    font-weight: 400;
    position: relative;
    white-space: pre;
    padding-left: 10px;
}

#address {
        margin-top: 30px;
    margin-bottom: -15px;

       color: #696969;
    line-height: 29px;
    font-size: 24px;
    text-align: center;
        font-family: GothaProLig;
    font-weight: 400;
}

#map {
    margin-top: -120px;
     position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.footer {
  display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
    z-index: 162;
    text-align: center;
    position: relative;
    padding-bottom: 25px
}


#galleryimg2 {
    display: inline-flex;
}

footer {
       
}

#foot {
    padding-top: 30px;
    width: 100%;
    display: table;
    background-color: #1b1b1b;
    background-size: cover;
}
#foot1 {
        margin-top: 1150px;
    padding-top: 30px;
    width: 100%;
    display: table;
    background-color: #1b1b1b;
    background-size: cover;
}

#phone {
    color: #797979;
       width: 250px;
    font-size: 22px;
}

#logophone {
        display: inline-grid;
    margin: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#logophone1 {
        display: inline-grid;
    margin: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
        padding-top: 30px;
}
#logophone1:hover > #phone > span {
    font-size: 22px;
    color: antiquewhite;
}

#call {
         font-size: large;
    color: black;
    background-color: cornsilk;
    border-width: 0;
    margin: -10px 15px 20px 35px;
     transition: 0.5s;
}

#call:hover {
         font-size: large;
    color: white;
    background-color: #b9b8bf;
    border-width: 0;
    margin: -10px 15px 20px 35px;
    transition: 0.5s;
}

#icons {
    display: flex;
        margin-left: -40px;
}

.icon {
        margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: -15px;
        color: cornsilk;
}
.icon:hover {
        margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: -15px;
        color:bisque;
}
a:hover {
    
    text-decoration: none;
}

a:focus {
    color: azure;
    text-decoration: none;
}

.menumainpic {
     height: 306px;
    width: 100%;
    display: table;
      background: url(../img/menu-back.jpg) no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

#menump {
    position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

#maintextmenu {
         margin-left: 800px;
    margin-top: 100px;
    line-height: 58px;
    font-size: 88px;
    color: #FFFFFF;
    font-family: GothaProLigIta;
    font-weight: 400;
    white-space: pre;
}

#littlelogo {
      
       margin-top: -65px;
}

#menutext {
    padding-top: 40px;
    padding-bottom: 40px;
     position: relative;
    display: flex;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

.mainmenu {
    padding-top: 30px;
  
    width: 100%;
    display: table;
      background-color: #ffffff;
    background-size: cover;
    background-attachment: fixed;
}

#menui {
    padding-left: 0px;
    background-color: #E7E7E7;
       width: 315px;
    list-style: none;
}

#menui > li {
 
   position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 18px;
    color: cadetblue;
    font-family: GothaProLig;
    border-width: 2px;
    border-color: white;
    transition: 0.5s;
    }

.nav > li {
    margin-right: 30px;
    font-family: GothaProNarBol;
}

.hov{
      position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 18px;
    color: white;
    font-family: "segoeui";
    background-color: cadetblue;
    background-size: cover;
    border-width: 2px;
    border-color: white;
    transition: 0.5s;
}
#menui > li:active{
   position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 18px;
    color: white;
    font-family: GothaProLig;
    background-color: cadetblue;
    background-size: cover;
    border-width: 2px;
    border-color: white;
    transition: 0.5s;
    }


hr {
    
    margin: 0;
    padding: 0;
}
th {
    font-size: 15px;
    font-family: GothaProLigIta;
    color: cadetblue;
    padding-top:7px;
     padding-bottom:7px;
    text-align: center;
    padding-right:60px;
    padding-left: 20px;

}

tr {
        border-top-width: 2px;
    border-top-color: cadetblue;
     border-bottom-width: 2px;
    border-bottom-color: cadetblue;
}

td > h4 {
    color:cadetblue;
    margin-bottom: 0;
    font-size: 22px;
    font-family: GothaProNarMed;
}

td > p {
    font-family: GothaProLig;
    color: darkgrey;
    font-size: 16px;
}

td:first-child {
    width: 574px;
}
td:nth-child(2){
    font-family: GothaProLig;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    padding-right:60px;
    padding-left: 20px;
    color: #a7a6a5;
}
td:last-child{
    font-family: GothaProLig;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    padding-right:60px;
    padding-left: 20px;
    color: #a7a6a5;
}
#a0 {
    opacity: 1;
    z-index: 1;
    display: none;
}
#a1 {
   opacity: 0;
     display: block;
    z-index: 2;
}

#a2 {
    opacity: 0;
     display: none;
    z-index: 2;
}

#a3 {
    opacity: 0;
    z-index: 3;
     display: none;
}
#a4 {
    opacity: 0;
    z-index: 4;
     display: none;
}
#a5 {
    opacity: 0;
    z-index: 5;
     display: none;
}
#a6 {
    opacity: 0;
    z-index: 6;
     display: none;
}
#a7 {
    opacity: 0;
    z-index: 7;
     display: none;
}
#a8 {
    opacity: 0;
    z-index: 8;
     display: none;
}
#a9 {
    opacity:0;
    z-index: 9;
     display: none;
}
#a10 {
    opacity: 0;
    z-index: 10;
     display: none;
}
#a11 {
    opacity: 0;
    z-index: 11;
     display: none;
}
#a12 {
    z-index: 12;
    opacity: 0;
     display: none;
}

.changemenu {
    transition: 0.8s;
    position: absolute;
    left: 330px;
}

#footlogo {
    
}

#items {
    padding-left: 10px;
}

#con {
    width: 100%;
    display: table;
}
#con1 {
    margin-top: 655px;
    width: 100%;
    display: table;
    transition: 0.8s;
}

#four {
    width: 650px;
}

caption {
    text-align: center;
    font-size: 30px;
    color: cadetblue;
    font-family: GothaProBol;
    font-weight: 700;
}

#a0 {
    opacity: 1;
    z-index: 1;
    display:block;
}

#a13 {
    z-index: 14;
    opacity: 0;
     display: none;
}

#party {
    position: relative;
    display: inline-table;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 30px;
}

#holiday {

   
    width: 100%;
    display: inline-grid;
    text-align: center;
}

.ph {
    padding: 10px;
    height: 300px;
}

#Befana1 {
     white-space: pre;
    font-family: GothaProReg;
        z-index: 168;
    background-color: transparent;
    color: #555B6C;
    line-height: 23px;
    font-size: 16px;
    text-indent: 20px;
    font-weight: 400;
position: relative;
   
}

#h {
    border-top: 16px ridge;
}

#warn {
    padding-top: 40px;
    font-size: 15px;
    font-family: GothaProLigIta;
    padding-left: 10px;
    color: darkgray;
}

#warn1 {
    font-family: GothaProNarMed; 
    font-size: 30px;
    color: darkgray;
    padding-left: 250px;
}

#maintextevent {
        margin-left: 550px;
    margin-top: 100px;
    line-height: 58px;
    font-size: 88px;
    color: #FFFFFF;
      font-family: GothaProLigIta;
    font-weight: 400;
    white-space: pre;
}

#archive {
     z-index: 93;
    width: 270px;
    background-color: #eeeeee;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 15px 30px 15px 30px;
}

#hh {
        border-top: 10px;
    border-top-style: groove;
    margin-top: 10px;
}

#date {
        text-align: left;
    margin-left: 10px;
    width: 90px;
    padding: 10px;
    margin-top: 10px;
    font-family: 'segoeuilight';
    background-color: #a3d2a3;
    border-radius: 30px;
    margin-bottom: -30px;
}

.pho {
    width: 400px;
    height: 400px;
    margin: 5px;
    padding: 4px;
    border: 7px groove;
}

#biggallery {
        position: relative;
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 70px;
        padding-left: 30px;
}

#maintextint {
    margin-left: 700px;
    margin-top: 100px;
    line-height: 58px;
    font-size: 88px;
    color: #FFFFFF;
      font-family: GothaProLigIta;
    font-weight: 400;
    white-space: pre;
}

#open {
   
    border: 30px groove;
    margin: 15px 0 20px ;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}

#holidaymain {
    width: 100%;
    display: inline-grid;
    text-align: center;
}

.phmain {
     padding: 10px;
    width: 500px;
    height: 350.5px;
}

#banner {
            width: 1300px;
    margin-right: auto;
    margin-left: auto;
}


#a14 {
    opacity: 0;
    z-index: 14;
     display: none;
}