.youtube-video {
    position: relative;
    padding-bottom: 56.25%; /* Proporcje 16:9 (100 / 16 * 9 = 56.25) */
    height: 0;
    overflow: hidden;
    max-width: 100%; /* Film będzie rozciągał się na całą szerokość kontenera */
  }
  .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Wypełnia całą szerokość kontenera */
    height: 100%; /* Wysokość dopasowuje się do szerokości, zachowując proporcje */
  }


h1.galeria-header {
  font-size: x-large !important;
  font-weight: bold;
  color: #b02419 !important;
  padding: 20px 0 10px 0;
}

.text-primary {
  /*color: #b02419 !important;*/
  color: #0000ff !important;
}

.red-light {
  color: #c82814 !important;
}

.red-dark {
  color: #b02419 !important;
}

.concert
{
  text-align: center;
}

.edition
{
  font-size: 400%;
}

.artist
{
  font-size: 480%;
}

.place
{
  font-size: 180%;
}

.creators-left
{
  margin-right: 10px;
  text-align: right;
}

.creators-right
{
  margin-left: 10px;
  text-align: left;
  
}

 .scroll
{
  margin-top:80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:80px;
  -webkit-animation-duration:.5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name:bounce;
  animation-name:bounce}

@-webkit-keyframes bounce
{
    0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-5px)}
}

@keyframes bounce
{
    0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}
}

@font-face
{
    font-family: 'Akrobat Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat Regular'), url('../fonts/Akrobat-Regular.woff') format('woff');
   }
    

    @font-face {
    font-family: 'Akrobat Light';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat Light'), url('../fonts/Akrobat-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Akrobat ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat ExtraLight'), url('../fonts/Akrobat-ExtraLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Akrobat SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat SemiBold'), url('../fonts/Akrobat-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Akrobat Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat Bold'), url('../fonts/Akrobat-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Akrobat ExtraBold Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat ExtraBold Regular'), url('../fonts/akrobat-extrabold-webfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Akrobat Black';
    font-style: normal;
    font-weight: normal;
    src: local('Akrobat Black'), url('../fonts/Akrobat-Black.woff') format('woff');
    }



// social icons
// --------------------------

.jm-icons {
  a {
    display: inline-block;
		vertical-align: top;
    text-decoration: none!important;
    width: 32px;
    height: 32px;
    margin: -10px 5px 0;
    //.transition(all 0.3s ease-in-out);
    //.opacity(90);
		background-position: center center;
		background-repeat: no-repeat;
		background-color: transparent;
		font-size: 0;
		text-indent: -9999px;
  }
  a:hover {
    //.opacity(40);
  }
  a.jm-bip {
    background-image: url('../images/social/bip.png');
  }
  a.jm-facebook {
    background-image: url('../images/social/facebook.png');
  }
  a.jm-gplus {
    background-image: url('../images/social/gplus.png');
  }
  a.jm-instagram {
    background-image: url('../images/social/instagram.png');
  }
  a.jm-linkedin {
    background-image: url('../images/social/linkedin.png');
  }
  a.jm-mail {
    background-image: url('../images/social/mail.png');
  }
  a.jm-plan {
    background-image: url('../images/social/plan.png');
  }
  a.jm-skype {
    background-image: url('../images/social/skype.png');
  }
  a.jm-twitter {
    background-image: url('../images/social/twitter.png');
  }
  a.jm-vulcan {
    background-image: url('../images/social/vulcan.png');
  }
  a.jm-youtube {
    background-image: url('../images/social/youtube.png');
  }
}

.topheader
{
  font-family: 'Akrobat ExtraLight';
  text-align: right;
  margin-right: 20px;
  color: #d5cfcf;
  font-size: 250%;
  letter-spacing: 25px;
}