/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

html{
  scroll-behavior: smooth;
}

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  background-color: rgba(255,255,255, 0.2); }

.top-nav-collapse {
  background-color: #fff; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #fff; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #ddd; 
}

#glava h1{
  font-size: 64px;
  text-shadow: 1px 1px 5px #000;
}

@media only screen and (max-width: 768px) {
  #glava h1{
    font-size: 32px;
  }
}