@font-face {
  font-family: 'A';
  src: URL('BTABSSOM.ttf') format('truetype');
}
@font-face {
  font-family: 'B';
  src: URL('PWSchoolScript.ttf') format('truetype');
}
@font-face {
  font-family: 'C';
  src: URL('BHOMA.TTF') format('truetype');
}
body{
 text-align:center;
 direction:rtl;
 color:white;
 background:#303840;
}
.title{
 background:green;
 color:white;
 height:80px;
 position:fixed;
 width:100%;
 top:0;
 right:0;
 z-index:99999;
}
.title h6{
 line-height:62px;
 font-family:B;
 font-size:65px;
}
.jumbotron .text{
 margin-top:40px;
}
.jumbotron p{
 font-size:15px;
 font-weight:100;
}
.jumbotron p span{
 font-weight:900;
 font-size:27px;
}
 txt{
  font-size:23px;
  }
.jumbotron{
  background:#303840;
}
.container .card{
 margin:0 auto;
 color:white;
 background:#303840;
}
.card img {
 width:100%;
 margin:0 auto;
}
a , a:active , a:visited , a:hover{
 text-decoration:none;
}
.animate-opacity{-webkit-animation:opac 4s;animation:opac 4s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}

.tel {
 margin-left:10px;
}

.coffee {
 margin-left:10px;
}

.text {
 font-family:A;
 font-size:17px;
 padding:10px;
}
.container {
 margin-top:-50px;
}
.card {
 margin-bottom:10px !important;
}
.btn-block{
 width:50%;
 margin:0 auto;
}
.border {
 border:1px solid white;
 padding:5px;
}
.footer {
 bottom:0;
 margin-top:100px;
 font-size:26px;
}
.card-title {
 direction:ltr;
 font-weight:bold;
}
@media (max-width: 767px) {
 .title h6{
 line-height:28px;
 font-family:B;
 font-size:28px;
 }
 .jumbotron p span{
  font-size:20px;
 }
 .footer {
 font-size:18px;
 }
 txt{
  font-size:18px;
  }
  .title{
   height:50px;
  }
}