.logo{

  display: none;

  width: 500px;

  display: block;

  margin: auto;

  /*margin-left: 713px;*/

  text-align: center;   

}

.menubox{



    /*border: 1px solid black;*/    

    width: 90%;

    height: auto;

    margin: auto;

}



body{

    

  /*  background: rgb(255,255,255); /* Old browsers */

   /* background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(30,30,30,1) 20%, rgba(48,48,48,1) 52%, rgba(0,0,0,1) 80%); /* FF3.6-15 */

    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,0,1) 0%,rgba(30,30,30,1) 20%,rgba(48,48,48,1) 52%,rgba(0,0,0,1) 80%); /* Chrome10-25,Safari5.1-6 */

    /*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,0,0,1) 0%,rgba(30,30,30,1) 20%,rgba(48,48,48,1) 52%,rgba(0,0,0,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
   background-image: url(/pictures/ark-wood-table-vertical.png);
   background-size: cover;
 width: 100%;
    

    

    /*background-color:rgb(194, 158, 98);*/

    margin: 0;

}

nav{
    width: 100%;
color: rgb(255, 255, 255);
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  text-decoration: none;

}

nav a.now{

    color: rgb(255, 255, 255);

}

nav a{

    color: rgb(255, 255, 255);

  display: inline;

  font-size: 20px;

  text-decoration: none;

  padding: 15px;

}

nav a :hover{
    
    color: rgb(255, 208, 0);
  border-bottom: 2px solid rgb(255, 208, 0);

}



header{

    width: 100%;

    height: 100px;

    /*border: 1px solid black;*/

}

.content{

    width: 100%;
    margin: auto;
    height: 100%;

   /* border: 1px solid black;*/

}

.name{

    color:white;

    margin: auto;

    width: 80%;

    /*border: 1px solid blue;*/

    font-size: 30px;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    text-align: center;

}
a{
    text-decoration: none;
}

.socialmedia{

    margin: auto;

    width: 80%;

    font-size: 40px;

    text-decoration: none;

    color:rgb(255, 255, 255);

    text-align: center;

    padding: 20px;

    /*border: 1px solid rgba(255, 0, 179, 0.705);*/

}

a{

    color:rgb(255, 255, 255);



}

.git{

    text-decoration: none;

    padding: 20px;

}

.fb{

    padding: 20px;

}

.insta{

    padding: 20px;

}

.insta :hover{

    font-size: 40px;

    color: rgb(255, 78, 211);

}

.fb :hover{

    font-size: 40px;

    color: blue;

}

.git :hover{

    font-size: 40px;

    color: rgb(255, 123, 0);

}



  .textabout{

    padding-top: 70px;

    color: white;

    width: 30%;

    text-align: justify;

    margin: auto;

    font-size: 25px;

  }

h1{

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    color: #000;

    font-size: 30px;

    -webkit-text-stroke: 0.5px rgb(255, 255, 255);



}

h4{

    font-size: 30px;

}

.callnow{

    text-align: center;

    margin-left: 180px;

    border-radius: 20px;

    background-color:#76a896;

    

}

.textleft{

    color: white;

    font-size: 22px;

}

.left{

    display: inline-block;

    width: 30%;

    /*border: 1px solid white;*/

}

.all2{

    /*border: 5px solid gold;*/

    padding-left: 200px;

}

.right{

    display: inline-block;  

    width: 50%;

    position: relative;

   /*border: 1px solid white;*/

}

.map{

    width: 500px;

    height: 300px;

}

.locationmap{

    width: 50%;

    /*border: 1px solid black;*/

    margin: auto;

    height: 300px;

}

.red{

    background-color: #5e3219;

    padding: 1px;

    margin: 0;

  }



.allcontinf{

    padding-top: 200px;

    /*border: 1px solid rgb(184, 34, 34);*/

    width: 60%;

    margin: auto;

}

#worklocation{

    border: 1px solid black;

    margin-top: 200px;

    width: 600px;

}



table {

    font-family:'Times New Roman', Times, serif;

    text-align: center;

    border-collapse: collapse;

    width: 50%;

    margin: auto;



}

  td{

    color: rgb(255, 255, 255);

    

  }

  tr{

    /*background-color: #444444;*/

    color: white;

    /*border: 1px solid black;*/

  }

  th{
       /*background-image: url(/pictures/360_F_81431794_m2WhwSVOcAhLsPGAe9uXDUG84mUmRrH4.jpg)*/
    background-color: #5e3219;

    /*border: 1px soldi black;*/

  }

  footer{

    position: relative;

    left: 0;

    bottom: 0;

    width: 100%;

   /* background-color: red;*/

    color: rgb(255, 255, 255);

    text-align: center;

    }

    .topimg{

        width: 500px;

        height: 100px;

        margin-left:700px;

        

    }

    .buttoncontainer{

        margin: auto;

        /*border: 1px solid black;*/

        width: 300px;

        margin-top: 200px;

        text-align: center;

    }

    .bezalohol{

        color: white;

        font-size: 20px;

        width: 300px;

        height: 50px;

        text-align: center;

        border-radius: 30px;

        background-color: #5e3219;

        border: 1px solid black;

      }

   

      .black{

        color: black;

        text-decoration: none;

       }

    

  

  @-webkit-keyframes swing

{

    15%

    {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }

    30%

    {

        -webkit-transform: translateX(-5px);

       transform: translateX(-5px);

    } 

    50%

    {

        -webkit-transform: translateX(3px);

        transform: translateX(3px);

    }

    65%

    {

        -webkit-transform: translateX(-3px);

        transform: translateX(-3px);

    }

    80%

    {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100%

    {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@keyframes swing

{

    15%

    {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }

    30%

    {

        -webkit-transform: translateX(-5px);

        transform: translateX(-5px);

    }

    50%

    {

        -webkit-transform: translateX(3px);

        transform: translateX(3px);

    }

    65%

    {

        -webkit-transform: translateX(-3px);

        transform: translateX(-3px);

    }

    80%

    {

        -webkit-transform: translateX(2px);

        transform: translateX(2px);

    }

    100%

    {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}
.lang{
    background-size: cover;
    background-image: url(/pictures/Flag-United-Kingdom.webp);
    width: 250px;
    height: 125px;
    border: none;
    box-shadow: #000 1px 1px 1px 1px;
    
}
.langbg{
    background-size: cover;
    background-image: url(/pictures/Flag_of_Bulgaria.svg);
    width: 250px;
    height: 150px;
    border: none;
    box-shadow: #000 1px 1px 1px 1px;
}
.container{
    width: 80%;
    margin: auto;
}
.menu-item {
display: inline-flex;
align-items: flex-start;
margin-bottom: 20px;
}

.product-image {
flex-shrink: 0;
margin-right: 20px;
}

.product-image img {
width: 100px;
height: 100px;
object-fit: cover;
}

.item-details {
flex-grow: 1;
display: flex;
flex-direction: column;
}

.title {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
}

.description {
font-size: 14px;
margin-bottom: 5px;
margin-top: 5px;
}

.price {
color: rgb(233, 54, 54);
font-size: 16px;
font-weight: bold;
margin-top: 5px;
}

/* Responsive Design */
@media (min-width: 1025px) and (max-width: 1280px) {

.container{
    width: 100%;
    margin: auto;
}
.menu-item {
color: white;
flex-direction: row;
align-items: flex-start;
}

.product-image {
margin-right: 10px;
margin-bottom: 0;
}

.item-details {
flex-grow: 1;
flex-direction: column;
}

}
@media (max-width: 600px) {
.container{
    width: 100%;
    margin: auto;
}
.menu-item {
color: white;
flex-direction: row;
align-items: flex-start;
}

.product-image {
margin-right: 10px;
margin-bottom: 0;
}

.item-details {
flex-grow: 1;
flex-direction: column;
}
}