#twoPics .firstpic{
	height:1000px;
	background-image: url('../img/egyikkutya.jpg');
	background-size: cover;
	background-position: 100%;
	background-repeat: no-repeat;
}

@media (max-width:575px) {
  #twoPics .firstpic{
	height:1000px;
	background-image: url('../img/egyikkutya.jpg');
	background-size: cover;
	background-position: 63%;
	background-repeat: no-repeat;
  }
}

#twoPics .secondpic{
	height:1000px;
	background-image: url('../img/masikeb.jpg');
	background-size: cover;
	background-position: 75% -200px;
	background-repeat: no-repeat;
}


@media (max-width:575px) {
  #twoPics .secondpic{
	height:1000px;
	background-image: url('../img/masikeb.jpg');
	background-size: cover;
	background-position: 60% -200px;
	background-repeat: no-repeat;
  }
}

#harness_video1{
	width:100%;
	z-index:-1;
}
.videotext{
	z-index:1;
}
#powers, #tech, #power1{
	background: #ffffff;
}

@media (min-width: 768px) {
  .graddown{
	padding:3rem 2rem 20rem 2rem;
	background: rgb(225,240,245);
	background: linear-gradient(180deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (min-width: 991px) {
  .graddown{
	padding:5rem 10rem 20rem 10rem;
	background: rgb(225,240,245);
	background: linear-gradient(180deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (min-width: 575px) and (max-width:767px) {
  .graddown{
	padding:3rem 3rem 20rem 3rem;
	background: rgb(225,240,245);
	background: linear-gradient(180deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (max-width:575px) {
  .graddown{
	padding:3rem 3rem 20rem 3rem;
	background: rgb(225,240,245);
	background: linear-gradient(180deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (min-width: 768px) {
  .toBottom{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20rem 2rem 3rem 2rem;
	background: rgb(225,240,245);
	background: linear-gradient(0deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (min-width: 991px) {
  .toBottom{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20rem 10rem 5rem 10rem;
	background: rgb(225,240,245);
	background: linear-gradient(0deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (min-width: 575px) and (max-width:767px) {
  .toBottom{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20rem 3rem 3rem 3rem;
	background: rgb(225,240,245);
	background: linear-gradient(0deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}

@media (max-width:575px) {
  .toBottom{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20rem 3rem 3rem 3rem;
	background: rgb(225,240,245);
	background: linear-gradient(0deg, rgba(225,240,245,1) 37%, rgba(225,240,245,0) 80%);
  }
}
#langchange a{
	font-family: 'Roboto';
	font-size:.85em;
	padding:8px;
	color:#fdb813;
	text-decoration: none;
	transition:all .2s linear;
}
#langchange a:hover{
	color:white;
	background:#fdb813;
}
#langchange a.activelang{
	background: #fff;
	color:#fdb813;
	font-weight:bold;
}
.inactivelogo{
	filter: saturate(0);
	transition:all .2s linear;
}
.inactivelogo:hover{
	filter: saturate(1);
}

#dualButtons {
  padding-top: 15px;
  padding-bottom: 15px;
  background: rgba(255,255,255,0.9);
  width: 100%;
  z-index: 100;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

#dualLongwalkButton {
  opacity: 0.6;
  transition: all .2s linear;
  /*padding-top: 0.5ch;*/
}

#dualLongwalkButton:hover {
  opacity: 1.0;
}