@font-face {
  font-family: Iranian Sans;
  src: url(../config/library/fonts/Iranian_Sans.ttf);
}
@font-face {
  font-family: bzar;
  src: url(../config/library/fonts/bzar.ttf);
}
@font-face {
  font-family: bzarbd;
  src: url(../config/library/fonts/bzarbd.ttf);
}
@font-face {
  font-family: bnazanin;
  src: url(../config/library/fonts/bnazanin.ttf);
}
@font-face {
  font-family: bnazaninbd;
  src: url(../config/library/fonts/bnazaninbd.ttf);
}
@font-face {
  font-family: bhoma;
  src: url(../config/library/fonts/bhoma.ttf);
}

*{
    box-sizing: border-box;
	margin: 0px auto;
	padding: 0px;
	/*text-align: center;*/
    font-family: bzarbd;
    font-size: 13px;
    font-weight: bold;
}

body {
	/*text-align: center;*/
	/* background: #fffeeb; */
	background: #c4d7de;
	/*font: 14px sans-serif;*/
}

.wrapper{
    width: 350px;
    margin-top: 10px;
    padding: 20px;
	/* background: #dddcc9; */
	background: #4cc5ff;
	border-radius: 5px;
}

form {
	/*text-align: left;*/
    /*width: 300px;*/
}

lable {
    /*text-align: left;*/
}

h2 {
    text-align: center;
    font-family: b zar;
    font-weight: bold;
    margin: 0px 0px 20px;
}

.footertext {
    text-align: right;
    margin: 20px 0px 20px;
}

.footertextinfo {
    text-align: center;
    font-family: b zar;
    font-weight: bold;
    /* color: #888; */
    color: #fff936;
    /*text-align: right;*/
    margin: 60px 0px 0px;
}

a {
    color: #fff936;
    text-decoration: none;
}

@media only screen and (max-width: 400px) {
    .wrapper {width: 87%;}
}