html, body {
	height: 100%;
	width: 100%;
	font-family: sans-serif;
	color: #FFF;
}
#home {
	background: url(cover1.jpg) no-repeat 50% 50%;
	display: table;
	height: 100%;
	width: 100%;
	background-size: cover;
}
.landing-text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
h1 {
	font-size: 700%;
	line-height: .9;
	color: white;
}
h3, h2 {
	font-size: 1rem;
	font-weight: 500;

	color: white;
}
#code{
	margin-left: 7%;
	margin-right: 7%;
	
}

.btn-default {
	background-color: #FFF;
	color: #36342F;
	font-size: 160%;
}
.btn-default:hover {
	color: #FFF;
	background-color: #36342F;
}

.landing-text h3 {
	padding: 20px 4% 0% 4%;
	line-height: 1.5;
	font-size: 1.3rem;
}
.landing-text a {
	margin: 10px;

}
/* check password for page pass.html */
.wrong{
    display: none;
 }
.wrong h3 {
    color: rgb(255, 4, 54);
	text-shadow: 2px 2px 12px #000000;
}
/* check password for page pass.html */

/* check password for page pass.html */
.emailCheker {
    display: none;
 }
.emailCheker h3 {
    color: rgb(16, 247, 54);
	text-shadow: 2px 2px 12px #000000;
}
/* check password for page pass.html */

/* check password for page pass.html */
.emailCheker2 {
    display: none;
 }
.emailCheker2 h3 {
    color: rgb(20, 255, 59);
	text-shadow: 2px 2px 12px #000000;
}
/* check password for page pass.html */

input, textarea { 
	direction: RTL; 
   }

.modal-content  {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important; 
}