body {
  
  width: 100%;
  margin: 0;
    background: white;
}

.montage {
  width: 100%;
}

.line-space {
  line-height: 150%;
}
.sponsors {
  display: inline-block;
  width: 100%;
}
.container2 {
  font-size: 17px;
  display: grid;
  grid-template-columns: 50% 50%; 
  grid-template-rows: auto;
  gap: 0px 20px;
  grid-auto-flow: row;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: start;
  grid-template-areas:
    "v4 field-trial";
  width: 100%;
}

.v4 { grid-area: v4; }

.field-trial { grid-area: field-trial; }




.container {

  width: auto;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto auto;
  gap: 0px 40px;
  grid-auto-flow: row;
  justify-content: center; 

  grid-template-areas:
    "rakoczi rakoczi-l"
    "one one-logo"
    "rex rex-logo"
    "pragay pragay-logo"
    "hajni hajni-logo";
}

.rakoczi { grid-area: rakoczi; }

.rakoczi-l { grid-area: rakoczi-l; }

.one { grid-area: one; }

.one-logo { grid-area: one-logo; }

.rex { grid-area: rex; }

.rex-logo { grid-area: rex-logo; }

.pragay { grid-area: pragay; }

.pragay-logo { grid-area: pragay-logo; }

.hajni { grid-area: hajni; }

.hajni-logo { grid-area: hajni-logo; }

@media only screen and (max-width: 800px) {
  .container {

    width: auto;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;

    gap: 30px 0px;
    grid-auto-flow: row;
    justify-content: center; 
  
    grid-template-areas:
      "rakoczi"
      "rakoczi-l"
      "one"
      "one-logo"
      "rex"
      "rex-logo"
      "pragay"
      "pragay-logo"
      "hajni"
      "hajni-logo";
  }
  
  .rakoczi { grid-area: rakoczi; }
  
  .rakoczi-l { grid-area: rakoczi-l; }
  
  .one { grid-area: one; }
  
  .one-logo { grid-area: one-logo; }
  
  .rex { grid-area: rex; }
  
  .rex-logo { grid-area: rex-logo; }
  
  .pragay { grid-area: pragay; }
  
  .pragay-logo { grid-area: pragay-logo; }
  
  .hajni { grid-area: hajni; }
  
  .hajni-logo { grid-area: hajni-logo; }

  

 }
 @media only screen and (max-width: 470px) {
  nav{

   position: absolute !important;
   top:0;
   left: 0;
   width: 100%;
   height: 100px;
   padding: 10px 0px !important;
   box-sizing: border-box;
   z-index: 5;
   opacity: 1;
   background: rgba(0,0,0,.2) ;
 
 }
 nav ul{
  float: right;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.black{
  background: rgba(0,0,0,.8);
  height: 130px !important;
  padding: 10px 50px;
}

}


@media only screen and (max-width: 800px) {
 nav{

  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 10px 0px;
  box-sizing: border-box;
  z-index: 5;
  opacity: 1;
  background: rgba(0,0,0,.8);

}
nav.black{
  background: rgba(0,0,0,.8);
  height: 100px;
  padding: 10px 50px;
}

nav .logo{
  float: left;
  display: none;
}
nav .logo img{
  display: none;
  height: 130px;
  transition: .5s;
}
nav.black .logo img{
  height: 60px;
}
nav ul{
  float: right;
  margin: 0;
  padding: 0;
  display: flex;
}
nav ul li{
  margin-top: 20px;
  font-size: 10px;
  color: white;
  padding: 5px 15px;
  text-decoration: none;
  transition: 1s;
  text-shadow: 0 0 10px #000;
    cursor: pointer;
    float: right;
}
nav.black ul li{
  color: #fff;

}

nav ul li.active,
nav ul li:hover{
  color: orange;
}
.banner {
  display: none; 
}
h1 {
  font-family: 'David Libre', serif;
  text-align: center;
  color:rgb(168,132,61);
  margin-top: 100px;
}
.mobile {
  font-size: 8px;
  float: right;
}

}





@import url('https://fonts.googleapis.com/css?family=Ubuntu');
nav{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 10px 60px;
  box-sizing: border-box;
  transition: .5s;
  z-index: 5;
  opacity: 1;
}
nav.black{
  background: rgba(0,0,0,.8);
  height: 80px;
  padding: 10px 50px;
}

nav .logo{
  float: left;
}
nav .logo img{
  height: 130px;
  transition: .5s;
}
nav.black .logo img{
  height: 60px;
}
nav ul{
  float: right;
  margin: 0;
  padding: 0;
  display: flex;
}
nav ul li{
  list-style: none;
  margin-top: 25px;
  line-height: none;
  font-size: 18px;
  color: white;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 1s;
  text-shadow: 0 0 10px #000;
    cursor: pointer;

}
nav.black ul li{
  color: #fff;
  line-height: 20px;
}

nav ul li.active,
nav ul li:hover{
  color: orange;
}
.banner {
  background-image: url('/img/banner.png');
  width: 100%;
 
}
.banner2 {
  background-image: url('/img/banner2.png');
  width: 100%;
  margin-bottom: -5px;

}
#banner2 {
  width: 100%;
  margin: 0px;
}
.content {
  line-height: 150%;
height: auto;
padding-left: 10%;
padding-right: 10%;
padding-top: 50px;
padding-bottom: 50px;
font-family: 'David Libre', serif;
font-size: 22px;
text-align:justify;
color:rgb(168,132,61);
}
#banner {
width: 100%;
    max-height: 100%;
}
.footer {
  background: rgba(0,0,0,.85);
  height: 80px;
  font-size: 18px;
  color: white;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 0 10px #000;
}
#center {
  padding-top: 35px;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
html {
  animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s; 
  }
h1 {
  font-family: 'David Libre', serif;
  text-align: center;
  color:rgb(168,132,61);
}
hr {
  width: 70%;
}


.container.gallery-container {
  background-color: #fff;
  color: #35373a;
  min-height: 100vh;
  padding: 30px 50px;
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
}

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

.tz-gallery {
  padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
  padding: 2px;
}

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 0;
  position: relative;
}

.tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: 'Glyphicons Halflings';
  content: '\e003';
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;
}


.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(46, 132, 206, 0.7);
  content: '';
  transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
}

.baguetteBox-button {
  background-color: transparent !important;
}