body {
  background-color: #061123;
  display: grid;
  justify-content: center;
  align-content: start;
  height: 1000px;
  margin-top: 50px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3' r='1'/%3E%3Ccircle class='st1' cx='12' cy='4' r='1'/%3E%3Ccircle class='st1' cx='16' cy='16' r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='32' cy='10' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='45' cy='13' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28' r='1'/%3E%3Ccircle class='st1' cx='22' cy='35' r='1'/%3E%3Ccircle class='st1' cx='3' cy='21' r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='15' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3Ccircle class='st1' cx='41' cy='32' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedBackground 10s linear infinite;
}

.snow {
  width: 100%;
  height: 20px;
  margin-top: 50px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3' r='1'/%3E%3Ccircle class='st1' cx='12' cy='4' r='1'/%3E%3Ccircle class='st1' cx='16' cy='16' r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='32' cy='10' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='45' cy='13' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28' r='1'/%3E%3Ccircle class='st1' cx='22' cy='35' r='1'/%3E%3Ccircle class='st1' cx='3' cy='21' r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='15' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3Ccircle class='st1' cx='41' cy='32' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedBackground 10s linear infinite;
}

.snow div {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='43' cy='16' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='1'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedBackground 15s linear infinite;
}

@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 300px;
  }
}

.h1, h1 {
  font-size: 60px;
  font-family: Montserrat;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}

.h2, h2 {
  font-size: 40px;
  font-family: Montserrat;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.photos {
  max-width: 100%;
}

.container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width:1200px) {
  .container {
    max-width: 1160px;
  }
}

.img-fluid.logo.utb {
  margin-left: 0px;
  margin-right: 0px;
}

header {
  height: 55px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.description {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
}

.audio-buttons {
  position: fixed;
  background-color: var(--bs-gray-500);
  border-radius: 10px;
}

h4 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-weight: 800;
  text-align: center;
  font-size: 22px;
  margin-top: 10px;
}

.staff-description {
  font-family: 'Montserrat';
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 780px) {
  .item.staff-library {
    width: 48%;
    max-width: 48%;
    flex: 0 0 auto;
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media (max-width: 500px) {
  .item.staff-library {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 780px) {
  .photos {
    margin-right: 0;
    --bs-gutter-x: 0;
  }
}

.btn.audio:active, .btn.audio:focus, .btn.audio:target, .btn.audio:hover {
  background-color: #ffffff!important;
}

.footer-light {
  padding: 15px 0;
  margin-top: 15px;
  color: #ffffff;
}

.container.paticka-logo {
  margin-top: 15px;
  padding-top: 20px;
  border-top: 2px solid #fff;
}

.footer-light .copyright {
  text-align: center;
  font-size: 16px;
  font-family: 'Montserrat';
  font-weight: 600;
  margin-bottom: 0;
}

.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
  display: none;
}

.col-4.col-xxl-12.ft {
  width: 100%;
}