@font-face {
	font-family: IranSans;
	font-weight: normal;
	src: url(Font/IRANSansWebFA.woff2) format('woff2');
}
@font-face {
	font-family: IranSansM;
	font-weight: normal;
	src: url(Font/IRANSansWebFA_Medium.woff2) format('woff2');
}
@font-face {
	font-family: IranSansB;
	font-weight: bold;
	src: url(Font/IRANSansWebFA_Bold.woff2) format('woff2');
}
@font-face {
	font-family: IranSansDN;
	font-weight: normal;
	src: url(Font/iransansdnweb.woff2) format('woff2');
}
@font-face {
	font-family: IranSansDNB;
	font-weight: bold;
	src: url(Font/iransansdnwebbold.woff2) format('woff2');
}

*
{
	font-family: IranSans;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: rgb(12, 45, 50);
  transition: 0.5s;
}
body 
{
	margin: 0;
	padding: 0;
	overflow: inherit;
	background-color: rgb(235, 232, 227);
}
.div0
{
	padding: 80px;
}
.div1
{
	background-color: rgb(255, 250, 245);
	border-radius: 15px;
	max-width: 1000px;
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4));
}
.div2
{
	padding: 20px 40px 20px 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.div3
{
	background-color: rgb(228, 225, 220);
	position: relative;
	height: 380px;
}
.div4
{
	right: 30px;
	top: 10px;
	position: absolute;
	text-align: right;
	text-shadow: 
    0 0 4px rgba(255,255,255,0.9),
    0 0 8px rgba(255,255,255,0.7),
    0 0 12px rgba(255,255,255,0.5);
}
.div5
{
	left: 0;
	bottom: 0;
	position: absolute;
}
.div5 img
{
	height: 400px;
}
.div6
{
	width: 207px;
	padding: 20px;
	border-radius: 10px;
	background-color: rgb(255, 250, 245);
	bottom: 125px;
	left: 30px;
	position: absolute;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4));
}
.div7
{
	margin: 20px;
	padding: 0 25px 25px 25px;
	background-color: rgb(242, 236, 233);
	border-radius: 10px;
	display: inline-block;
	position: relative;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}
.div7 img
{
	top: -20px;
	left: 15px;
	position: absolute;
}
h1
{
	font-family: IranSansDNB;
	font-size: 32pt;
}
h2
{
	font-family: IranSansDNB;
	font-size: 18pt;
	padding: 0;
	margin: 0;
}
.h2
{
	font-family: IranSansB;
	font-size: 18pt;
	display: inline-block;
}
h3
{
	font-family: IranSansM;
	font-size: 14pt;
}
.khat
{
	border-bottom: 1px solid silver;
}
.Btn
{
	border-radius: 5px;
	background-color: rgb(20, 75, 65);
	color: White;
	cursor: pointer;
	padding: 15px 35px 15px 35px;
	border: none;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
}
.Btn:hover
{
	background-color: rgb(0, 50, 20);
	filter: none;
}
.Btn2
{
	padding: 7px;
	width: calc(100% - 60px);
}
.Mnu
{
	color: rgb(55, 80, 70);
}
.Mnu:hover
{
	color: rgb(140, 100, 55);
}
.Cls
{
	color: rgb(15, 80, 70);
}
.vImg
{
	vertical-align: middle;
	height: 24px;
}

@media screen and (max-width: 1030px)
{
	.div0 { padding: 20px; }
}

@media screen and (max-width: 900px)
{
	.div0 { padding: 0; }
	.div1	{ border-radius: 0; width: 100%; filter: none; }
}

@media screen and (max-width: 850px)
{
	.div3 { height: 800px; }
	.div4 { text-align: center; left: 30px; }
}

@media screen and (max-width: 450px)
{
	.div2 { display: block; text-align: right; }
	#t1 { display: none; }
	.div3 { height: 860px; }
	.div6 { left: 50%; transform: translate(-50%); bottom: 30px; }
	.div5 { bottom: 290px; }
	.div5 img { height: 210px; }
	h1 { font-size: 24pt; margin-left: 0; margin-right: 0; }
}

@media screen and (max-width: 350px)
{
	h1 { font-size: 20pt; }
}