@font-face {
  font-family: vazir-light;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Vazir-Light-FD.ttf");
  src: url("../fonts/Vazir-Light-FD.woff") format("woff"),
    url("../fonts/Vazir-Light-FD.eot") format("eot"),
    url("../fonts/Vazir-Light-FD.woff2") format("woff2");
}

@font-face {
  font-family: vazir;
  font-style: normal;
  src: url("../fonts/Vazir-Black-FD.ttf");
  src: url("../fonts/Vazir-Black-FD.woff") format("woff"),
    url("../fonts/Vazir-Black-FD.eot") format("eot"),
    url("../fonts/Vazir-Black-FD.woff2") format("woff2");
}
  #scrollToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 88;
    font-size: 18px;
    border: none;
    outline: none;
    color: black;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
  }
.homepage {
    background-image: url(../img/Backg.jpg);
    background-position: left;
    background-size:cover;
    display: flex;
    color: #fff;
    font-size: 35px;
    font-family: vazir-light;
    align-content: space-between;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 1px;
    align-items: center;
}
.logo{
    margin-top:9%;
}
.welcom{
    margin-top:8%;
}
.button{
    width: 80%;
    margin-top:10%;
    text-align: center;
}
.button button{
    background: #FBBF10;
    font-size: 50px;
    font-family: 'vazir';
    color: #fff;
    padding: 30px;
    border-radius: 15px;
    width: 80%;;
}
.button2 img{
    width:350px;
}
.button3 img{
    width:250px;
}
.text{
    margin-top:10%;
}
.text2{
    margin-top:10%;
    font-size:30px;
	
}
.menu{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: row-reverse;
}
a{
    text-decoration:none;
}
.menu a{
    background: #FBBF10;
    font-size: 40px;
    font-family: vazir;
    color: #000;
    text-align: center;
    border-radius: 125px;
    padding: 5%;
    width: 25%;
    margin-top: 20px;
	box-shadow: 0 0 7px 2px #FBBF24;
	transition: all 0.2s ease 0s;
}
.menu a:hover{
	box-shadow: 0 0 20px 5px #FCA5A5;
	background: #FCD34D;
    transition: all 0.2s ease 0s;
}
.main-title h4{
    margin-top:5%;
}
.fast-food{
    background-image: url(../img/Background2-01.jpg);
     background-position: center;
}
h1,h2,h3,h4,p{
    margin:0px;
}
.title{
    display: flex;
    justify-content: center;
}
.title img{
    height: 250px;
    margin: 50px;
}
.content {
    display: flex;
    font-size: 50px;
    align-items: center;
    justify-content: space-evenly;
    direction: rtl;
    background: #FBBF10;
    border-radius: 70px;
    margin: 0 auto 100px auto;
}
.content-charging {
    display: flex;
    font-size: 50px;
    align-items: center;
    justify-content: space-evenly;
    direction: rtl;
    background: #ff6a00;
    border-radius: 15px;
    margin: 0 auto 100px auto;
    width: 80%;
}
.food-title{
    width:45%;
    padding-right: 20px;
}
.food-title h3{
    font-family: vazir;
    font-size: 50px;
    line-height: 50px;
}
.food-title hp{
    font-family: vazir;
    font-size: 40px;
    line-height: 50px;
}
.food-title p {
    font-family: 'vazir-light';
    font-size: 30px;
    line-height: 38px;
}
.price{
    width:45%;
    padding-left: 20px;
    text-align:center;
}
.price h3{
    font-family: vazir;
    font-size: 100px;
    color: #fff;
}
.price p{
    font-family: 'vazir-light';
    font-size: 30px;
    margin-top: -40px;
    padding-bottom: 0px;
}
@media screen and (max-width:500px){
.food-title{
    width:45%;
    padding-right: 20px;
	}
}
/*Size Mobile Control*/
@media screen and (max-device-width:500px){ 
.homepage {
    background-image: url(../img/Backg.jpg);
    background-position: left;
    background-size: cover;
    display: flex;
    color: #fff;
    font-size: 50px;
    font-family: vazir-light;
    align-content: space-between;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 70px;
    align-items: center;
}
.logo{
    margin-top:50%;
}
.welcom{
    margin-top:10%;
}/*
	.child img{
		width: 50px;
		height: 50px;
		margin-right: 3px;
	    padding: 5px;
        float: right;
	}
	.child2 img{
		height: 40px;
		width: 40px;
	    margin-left: 3px;
	    margin-top: 5px;
	    margin-right: 3px;
	    padding: 5px;
        float: right;
	}
	.child3 img{
	    margin-left: 3px;
	    padding: 5px;
        float: right;
		height: 50px;
		width: 50px;
	}*/
}/*end size mobile control*/
.box-cont{
	        margin: 14px 14px 14px 14px;
            text-align: center;
            padding: 20px;
            background: linear-gradient(19deg, rgb(63 63 63) 9.16%, rgb(27 28 28) 43.89%, rgb(41 39 44) 64.72%);
            border-radius: 10px;
            box-shadow: 0 0 20px 5px darkblue;
}
 .clearfix::after {
 content: '';
 clear: both;
 display: table;
 }
 .child img{
	 height: 80px;
	 width: 80px;
	 margin-right: 3px;
	 padding: 5px;
     float: right;
 }
 .child2 img{
	 height: 70px;
	 width: 70px;
	 margin-left: 3px;
	 margin-top: 5px;
	 margin-right: 3px;
	 padding: 5px;
     float: right;
 }
  .child3 img{
	 height: 80px;
	  width: 80px;
	 margin-left: 3px;
	 padding: 5px;
     float: right;
 }