body{
    margin: 20px;
    padding: 0;
    box-sizing: border-box;
    background: #f4f4f4;
}
.border{
    background: #fff;
    width: 1024px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 4px #eee;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}
.title1{
    direction: rtl;
    text-align: center;
    display: block;
    font-family: dana;
    color: #ff4c00;
    font-weight: 500;
    font-size: 50px;
}
.title2{
    direction: rtl;
    text-align: center;
    display: block;
    font-family: dana;
    color: #000000;
    font-weight: 300;
    font-size: 23px;
}
.title3{
    direction: rtl;
    text-align: center;
    display: block;
    font-family: dana;
    color: #000000;
    font-weight: 300;
    font-size: 13px;
}
img{
	width: 810px;
    display: block;
    margin: auto;
}
.title4{
    direction: rtl;
    text-align: center;
    display: block;
    font-family: dana;
    color: #ff4c00;
    font-weight: 900;
    font-size: 30px;
}
.title4 a{
    text-decoration: none;
    color: #ff4c00;
}
@media (max-width: 700px) {
	body{
		background:#ffffff;
	}
	.border{
	    width: 100%;
	    border: 0;
   		box-shadow: 0 0 0 #eee;
	}
	img{
		width: 100%;
	    display: block;
	    margin: auto;
	}
}