@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'mj-moharram';
	src:url(../fonts/Mj_Moharram%20Light.TTF);
	}
@font-face{
	font-family:'tech';
	src:url(../fonts/A%20Hemmat%20AsanDownload.com.ttf);
}@font-face{
	font-family:'yekan';
	src:url(../fonts/BYekan.ttf);
}
html{
	background-image:url(../images/aboutBack.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#614a17;
	background-position:top center;
}
body{
	}

a{
	outline:none;}
a.home-link{
	position:absolute;
    text-decoration: none;
    right: 40px;
    top: 40px;
}
@media screen and (min-width:750px){
div.box{
    width:70%;
    display: flex;
    padding: 20px;
    direction: rtl;
    transition-duration: 1s;
    margin: auto ;
    margin-top: 250px;
	margin-bottom: 50px;
	color:rgb(50,50,50);
	font-family:'yekan';
	font-size:15px;
	line-height:20px;
	background-color:white;
    box-shadow:0 0 10px rgb(100,100,100);
}
div.box p{
    min-width: 400px;
    border-right: 1px solid silver;
    padding: 10px;
    margin: 5px;
    line-height: 30px;
    text-align: justify;
	direction:rtl;
	}
div.a1{
    min-width: 200px;
    line-height: 28px;
}
div.box div ul{
	font-size:13px;
	direction:rtl;
    }
}
@media screen and (max-width:750px){
div.box{
	width: 80%;
    padding: 20px;
    direction: rtl;
    transition-duration: 1s;
    opacity: 0;
    margin: auto ;
    margin-top: 250px;
	margin-bottom: 120px;
	font-family:'yekan';
	font-size:15px;
	line-height:20px;
    height: auto;
	background-color:white;
    box-shadow:0 0 50px rgba(85, 66, 35, 0.8);
    border-radius: 5px;
}
div.box p{
    border-bottom: 1px solid silver;
    padding: 10px;
    margin: 5px;
    text-indent: 20px;
    line-height: 30px;
    text-align: justify;
	direction:rtl;
	}
	div.box img{width: 100%;}
div.a1{
    line-height: 28px;
}
div.box div ul{
	font-size:13px;
	direction:rtl;
    }
	a.home-link{
		z-index: 30;
		position:fixed;
		text-decoration: none;
		right: 20px;
		top: 20px;
	}
}