/* overall (css main webu) */

    /* font import */
    @import url('https://fonts.cdnfonts.com/css/fresh-eaters');
    @import url('https://fonts.googleapis.com/css2?family=Gidole&display=swap');

    /* Hl. Struktura */
html, body{
    width: 100%;
    height: 100%;
    font-family: "Bahnschrift","Gidole", sans-serif;
    font-weight: 600;
    font-size: large;
    font-stretch: condensed;
    background-color: #C6CDC1;
    
}


.form-control{
background-color: #DDD5D3;
}


/* Navigace - (to úplně nahoře) */
.navbar {
    
    background-color: #C6CDC1;
    overflow: hidden;
    padding: 1rem;
}

.navbar-nav li
{
  
  padding-right: 10px;
}

.nav-item
{
    color: #31352E;
    text-decoration: none;
    font-size: 2em;
}

/*--- Fixované pozadí --*/
figure {
    position: relative;
    width: 100%;
    height: 60%;
    margin: 0!important;
  }
  .fixed-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#74665C,#31352E);
  }

  #fixed {
    background-image: url(pictures/les.png); /*--- Nefunguje na Firefoxu - Netuším proč --*/
    opacity: 0.5;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
  }

/* úvodní sekce */

    /* úprava LndPg. Obrázku */
#centerM{
    position: fixed;
    display: block;
    top: 10%;
}

  .welcome
{
  width: 75%;
  margin: auto auto;
}

hr
{
  border-top: 5px solid #74665C ;
  width: 95%;
}

.card
{
  background-color: #C6CDC1 ;
  border-color: #C6CDC1;
  padding: 3em;
}

/*--- Sociální Sítě + Barvičky --*/
.social a
{
  font-size: 4.5rem;
  padding: 3rem;
}

/* footer - (to úplně dole) */
footer{
    background-color: #31352E;
    color: #DDD5D3;
    padding: 2em;
  }

  .light
{
  width: 100%;
  border-top: 2px solid #DDD5D3;
}

/*---Media Queries --*/
@media (max-width: 992px) {

}
@media (max-width: 768px) {
  .row.welcome.text-center {
    width: 100%;}
  img{
    width: 18em;
  }
  }
@media (max-width: 576px) {

}

/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}