html {
  height: 100%; }

body {
  margin-top: 50px;
  background-color: #003d72;
  background-color: #ffffff;
  height: 100%;
  font-family: 'Open Sans Condensed', sans-serif; }

.navbar-foldes {
  background-color: #003462;
  border-color: #e7c388; }
  .navbar-foldes .navbar-brand {
    padding: 5px;
    line-height: 40px;
    color: #e7c388; }
    .navbar-foldes .navbar-brand:hover, .navbar-foldes .navbar-brand:focus {
      color: #e7c388; }
    .navbar-foldes .navbar-brand img {
      max-height: 40px;
      float: left;
      margin-right: 10px; }
  .navbar-foldes .navbar-nav > li > a {
    color: #e7c388; }
    .navbar-foldes .navbar-nav > li > a:hover {
      color: #e7c388; }
    .navbar-foldes .navbar-nav > li > a:focus {
      color: #e7c388; }
  .navbar-foldes .navbar-nav > li.active > a {
    background-color: #e7c388;
    color: #003d72; }
    .navbar-foldes .navbar-nav > li.active > a:hover {
      background-color: #e7c388;
      color: #003d72; }
    .navbar-foldes .navbar-nav > li.active > a:focus {
      background-color: #e7c388;
      color: #003d72; }

#top {
  border: none;
  min-height: 100%;
  background-image: url(../pic/foldesBg01.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-bottom: 2px dashed #dddddd;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #top h1 {
    color: #ffffff;
    font-size: 5em;
    text-align: center; }
  #top h2 {
    color: #ffffff;
    font-size: 3em;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 10px; }
    #top h2.v1 {
      background-color: #003462;
      background-color: #efefef;
      color: #000000;
      margin-bottom: 40px;
      margin-top: 10px; }
    #top h2.v2 {
      border: 2px solid #ffffff;
      margin-top: 40px;
      margin-bottom: 50px; }
  #top h3 {
    color: #ffffff;
    font-size: 2.6em;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 10px; }
  #top .arrow {
    text-align: center;
    margin-top: 60px;
    color: #ffffff;
    bottom: 0;
    width: 100%;
    font-size: 2em; }
    #top .arrow a {
      color: #ffffff;
      text-decoration: none; }

h2.sectionTitle {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 30px;
  overflow: hidden;
  line-height: 40px; }
  h2.sectionTitle span {
    position: relative; }
    h2.sectionTitle span::before, h2.sectionTitle span::after {
      position: absolute;
      content: '';
      height: 1px;
      background: #e7c388;
      top: 20px;
      width: 1000px;
      right: 100%;
      margin-right: 20px; }
    h2.sectionTitle span::after {
      left: 100%;
      margin-left: 20px; }

#regisztracio {
  min-height: 100%;
  border-bottom: 2px dashed #dddddd;
  background: #efefef;
  padding-bottom: 40px;
  font-size: 1.3em; }

#tamogatok {
  min-height: 100%;
  border-bottom: 2px dashed #dddddd;
  background: #ffffff;
  padding-bottom: 40px;
  font-size: 1.3em; }
  #tamogatok .row .col-md-6 {
    margin-bottom: 50px; }

#program {
  min-height: 100%;
  border-bottom: 2px dashed #dddddd;
  background: #ffffff;
  padding-bottom: 40px;
  font-size: 1.3em; }

#helyszin {
  min-height: 100%;
  border-bottom: 2px dashed #dddddd;
  background: #efefef;
  padding-bottom: 40px;
  font-size: 1.3em; }

table.program td {
  vertical-align: top;
  padding: 10px; }

@media only screen and (max-width: 762px) {
  #top h1 {
    font-size: 3em; }
  #top h2 {
    font-size: 1.5em; }
  #top h3 {
    font-size: 1.8em; } }
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

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