@media print {
	#print{
	  display: block;
	}
	
  }
@font-face {
	font-family: DroidKufi-Regular;
	src: url(../fonts/DroidKufi-Regular.ttf);
  }
  /* الأنماط الافتراضية */
body {
  background-color: lightblue;
  font-size: 16px;
}

/* للشاشات التي تكون عرضها 600 بكسل أو أقل */
@media (max-width: 600px) {
  body {
    background-color: lightgreen;
    font-size: 14px;
  }
}

/* للشاشات التي تكون عرضها بين 601 و 1200 بكسل */
@media (min-width: 601px) and (max-width: 1200px) {
  body {
    background-color: lightcoral;
    font-size: 18px;
  }
}

/* للشاشات التي تكون عرضها أكبر من 1200 بكسل */
@media (min-width: 1201px) {
  body {
    background-color: lightgoldenrodyellow;
    font-size: 20px;
  }
}

  
  body {
	  font-family: DroidKufi-Regular;
	  background: url(inspection.png);
	  background-size:cover;
	  background-position: center;
  }
  
  a {
	  text-decoration: none;
  }
  
  
  .top {
	  line-height: 20px;
	  background-color: #aba1a1;
	  color: #FFF;
	  padding: 12px 6px ;
  display: none;
	  border-radius: 0px 0pxd 15px 15px
  }
  
  .top ul li{
	  display: inline-block;
	  padding: 1px 10px;
	  margin: 0px;
  }
  

  
  .navbar {
	  border-radius: 15px 15px 0px 0px;
	  margin-top: 20px;
  }
  
  .navbar-inverse {
	  background-color: #496e8a;
	  border-color: #496e8a;
  }
  
  .navbar-inverse .navbar-brand {
	  color: #FFF;
  }
  
  .navbar-inverse .navbar-nav>li>a {
	  color: #FFF;
	  font-size: 14px;
	  font-weight: bold;
  }
  
  .services {
	  margin: 50px auto;
  }
  
  .services .one_service {
	  border: 1px dotted #C52233;
	  border-radius: 15px;
	  overflow: hidden;
			  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	  -moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	  box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  }
  
  .services .one_service p{
	  font-size: 12px;
	  text-align: right;
	  padding: 10px;
	  color: darkgray
  }
  
  .contact_us a {
	  color: cornflowerblue
  }
  
  .label-primary{
	  position: absolute; left: -15px; top: -36px; padding: 10px;font-size: 20px;color: #FFF; border-radius: 50%;
	  width: 40px; height: 40px;
  }
  
  .donation {
	  padding: 40px 0px;
	  background: #FFF;
	  height: 400px;
	  max-height: 400px;
  }
  
  .stat .well {
	  opacity: .7;
	  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	  -moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	  box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  }
  
  .stat .well .counter {
	  color: #FE3C47;
	  font-family: 'Dosis', sans-serif;
	  font-size: 42px;
  }
  
  .stat .well .icon {
	  color: #9F9F9F;
	  font-size: 42px;
  }
  
  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	  color: #555;
	  background-color: #e7e7e7;
  }
  
  .copyright {
	  -webkit-box-shadow: 1px -14px 21px 0px rgba(51, 50, 50, 0.43);
  -moz-box-shadow:    1px -14px 21px 0px rgba(51, 50, 50, 0.43);
  box-shadow:         1px -14px 21px 0px rgba(51, 50, 50, 0.43);
	  padding: 15px; color: #FFF;background-color: #413A3B; border-radius: 25px 25px 0px 0px 
  }
  
  .media-body {
	  font-family: 'DroidKufi-Regular', sans-serif;
	  font-weight: 200;
	  color: lightslategray
  }
  
  .media-left .fa-3x {
	  font-size: 30px;
	  color: lightgrey
  }
  
  h4.media-heading {
	  text-transform: capitalize;
	  color: #FFF;
  }
  
  .panel-danger>.panel-heading {
	  color: #496e8a;
	  background-color: #496e8a;
	  border-color: #496e8a;
  }