/*********************************************
font
**********************************************/
@font-face {
  font-family: 'atzofen';
  src: url('atzofen-regularwebfont.eot');
  src: local('atzofen'), 
  local('atzofen'),
  local('atzofen_regularregular'), 
  url('atzofen-regularwebfont.woff') format('woff'), 
  url('atzofen-regularwebfont.svg') format('svg'), 
  url('atzofen-regularwebfont.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}
/*Remove button padding in FF*/
input::-moz-focus-inner {border: 0; padding: 0;}

/*********************************************
	GLOBAL
*********************************************/
* {margin:0px;padding:0px;}

body {
	font-size: 18px;
  font-family: 'atzofen', sans-serif;
  font-weight: normal;
  font-style: normal;
	color: #ffffff;
  direction: rtl;
  background: #000000;
}
a{color:#000;}
img{max-width: 100%;}
.logo{padding-top: 10%;max-width: 50%;margin: 0px auto;}
.event,.show{
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../images/event-bg.jpg);
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.show{background-image: url(../images/show-bg.jpg);}
.btn{margin:10% auto;border-color:#fff;}
.btn,.btn:hover,.btn:focus{background-color: #fff;border-color:#fff;color:#000;box-shadow: none;-webkit-box-shadow:none;}
@media(min-width: 1200px){
}
@media (min-width: 992px) {
  .btn{font-size: 32px;}
} 
@media screen and (min-width: 768px) {
  html, body, .row,.container-fluid{ height: 100% }
}
@media (max-width: 767px) {
  .btn{font-size: 24px;margin: 24% auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .logo{margin-top: 20%;}
  .btn{font-size: 28px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media screen and (device-aspect-ratio: 2/3) {.btn{font-size: 20px;margin: 20% auto;}}
@media screen and (device-aspect-ratio: 40/71) {.btn{margin: 28% auto;}}
@media screen and (device-aspect-ratio: 375/667) {.btn{margin: 24.5% auto;}}
@media screen and (device-aspect-ratio: 16/9) {.btn{margin: 28% auto;}}
/*********************************************

*********************************************/