body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
  background: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
p {
  font-weight: 300;
}
button, input, optgroup, select, textarea {
  color: black;
}
.font-normal {
  font-weight: 400;
}
.font-semi-bold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.starter-template {
  /*margin-top: 250px;*/
}
.starter-template .content {
  margin-left: 10px;
}
.starter-template .content h1 {
  margin-top: 10px;
  font-size: 60px;
}
.starter-template .logo {
  width: 50%;
  margin: 25px auto;
}
.starter-template .copyright {
  margin-top: 10px;
  font-size: 0.8em;
  color: #C4C4C4;
  float: right;
  right: 0;
}
.starter-template .time {
  font-size: 0.8em;
  color: #C4C4C4;
}
.narrow6 {
    width: 100px;
}

#blackout {
   width:100%;
   height:100%; /* make sure you have set parents to a height of 100% too*/
   position: absolute;
   left:0; top:0;
   z-index:10; /*just to make sure its on top*/
   background-color:black;
   opacity:33%;
   display:none;
}
.button-kapu {
    height: 260px;
    /* padding: 10px 10px; */
    width: 300px;
    margin: 10px;
    display: inline-flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.button-kapu:hover {
    background-color: #b7da5f;
}
.button-kiskapu {
    background: url(/static/kiskapu.jpg) no-repeat bottom center transparent;
    background-color: #ddd;
}
.button-nagykapu, .button-nagykapu_trigger {
    background: url(/static/nagykapu.jpg) no-repeat bottom center transparent;
    background-color: #ddd;
}
.button-keybox1, .button-keybox2, .button-keybox3, .button-keybox4, .button-keybox5, .button-keybox6, .button-keybox7, .button-keybox8 {
    background: url(/static/keybox.jpg) no-repeat bottom center transparent;
    background-color: #ddd;
}
.content-center {
    margin-left: 0;
    text-align: center;
}
.content-center input[type="text"]
  /* otherwise textbox goes to the left */
{
    display: block;
    margin : 0 auto;
}

table {
  border-collapse: collapse;
}

table th, table td {
  padding: 2px;
  text-align: left;
  border: 1px solid #ddd;
}

@media (max-width: 1199px) {
  .starter-template .content h1 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .starter-template {
    margin-top: 0;
  }
  .starter-template .logo {
    margin: 25px auto;
  }
  .starter-template .content {
    margin-left: 0;
    text-align: center;
  }

  .starter-template .content h1 {
    margin-bottom: 20px;
  }
  .starter-template .copyright {
    float: none;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .starter-template .copyright {
    margin-top: 20px;
  }
}