@font-face {
  font-family: 'IRANBold';
  src: url("../fonts/IRAN Bold.eot?#") format("eot"), url("../fonts/IRAN Bold.woff") format("woff");
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ }
.intro-holder {
  position: relative;
  max-width: 850px; }
  .intro-holder .introbg {
    border: 1px solid #5f3f2b;
    box-shadow: 1px 0px 6px rgba(1, 1, 1, 0.5); }
  .intro-holder .top-img {
    position: absolute;
    z-index: -4;
    top: -8px;
    left: 50%;
    margin-left: -56px; }

.mrg20 {
  margin-top: 36px; }

.mrg10 {
  margin-top: 20px; }
html,body{
  height:100%;
}
body {
  background-color: #865c40; }

.fullb {
  display: table;
  width: 100%;
  height: 100%; }
  .fullb .holder {
    display: table-cell;
    vertical-align: middle; }

.menu-centered .menu {
  margin: 5px auto; }
  .menu-centered .menu a {
    font-family: IRANBold;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    border-bottom: 4px solid transparent; }
    .menu-centered .menu a:hover {
      border-bottom: 4px solid #cc9966;
      background-color: rgba(34, 34, 34, 0.2); }

/*# sourceMappingURL=intro.css.map */


.menu > li {
  display: block;
}

.menu > li a{
  text-align: center;
}
@media screen and (min-width: 40em) {
  .menu > li {
    display: table-cell;
  }
  .menu-centered .menu a {
    padding: 0.4rem 0.6rem;
    font-size: 14px;
  }
}
@media screen and (min-width: 80em) {
  .menu-centered .menu a {
    padding: .7rem 1rem;
    font-size: 17px;
  }
}