body {
  background-image: url(bg/hresa-bg.jpg);
  background-repeat: no-repeat;
  font-family: 'Play', sans-serif;
  background-color: #f0f0f0;

}

a {
  color: #630203;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #630203;
  text-decoration: underline;
}

hr.style1{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.footer a {
}

.footer a:hover,
.footer a:focus {
}

/*nawigacja przy stopce powrot*/
.buttonup {
  background-color: #e7e7e7; color: black;
  border: none;
  padding: 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


/*YouTube*/
/* This element defines the size the iframe will take.
      In this example we want to have a ratio of 25:14 */
.aspect-ratio {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
}

/* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
.aspect-ratio iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}

.img-fluid2 {
max-width: 100%;
height: auto;
}