@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');

/*
c7ae86 asistant
303a46 selima
*/

html,
body,
#intro {
    height: 100%;
    font-family: 'Assistant', sans-serif;
}

html{
  scroll-behavior: smooth;
}

header{
  /* height: 100vh; */
}
/* @media (max-width: 768px) {
  header{
    height: 250px;
  }
} */

h1{
  color: #c7ae86;
  text-shadow: 1px 1px 2px #777;
  font-weight: bold;
}

.vsebina{
  padding: 50px 0;
}

.myred-text{
  color: #c7ae86;
}

.slogan{
  font-family: 'Alex Brush', cursive;
  font-size: 48px;
  text-align: center;
  color: #777;
}

#intro {
    background: url("/public/images/HarmonikaPrimus-glava.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 300px;
    margin-top:70px;
}

@media (min-width: 768px) {
  #intro{
    height: 100vh;
    margin-top: 0;
  }

}


.navbar{
  background-color: #303946;
  font-size: 16px;
}

/* .top-nav-collapse {
    background-color: rgb(117, 120, 123);
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: rgb(117, 120, 123);
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: rgb(117, 120, 123);
  }
} */

.navbar-brand img{
  max-height: 50px;
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link{
  text-shadow: 1px 1px 4px #444;
  font-weight: bold;
  font-size: larger;
}
/* 
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{
  color: #eee;
} */

.separator{
  padding: .5rem 1rem;
  color: #fff;
}

p{
  line-height: 2.2rem;
  font-size: 1.2rem;
}

.white-link{
  color: #fff;
}
.white-link:hover{
  color: #777;
}

.cena{
  font-weight: 700;
  font-size: 1.7rem;
}