/* Styles */
  html,body {
  height:100%;
 
}
body {
  position: relative;
    font-family: 'Roboto', sans-serif;
     overflow-x: hidden;
     background: #101010;
     text-align: left;
  
}

h1
{
  
    font-weight: 200;
    font-size: 3em;
}
h2
{
   
    font-weight: 200;
    font-size: 2.3em;
}
h3
{
   
    font-weight: 200;
    font-size: 1.5em;
}

p 
{
    font-size: 1em;
    line-height: 1.5em;
}
blockquote {
  background: transparent;
  font-weight: 300;
  font-style: italic;
  font-size: 3em;
  border-left: none;
  margin: .5em .5em;
  padding: .1em 0px;
  line-height: 2em;
  quotes: "\201C""\201D";
}

blockquote:before {
  font-family: Georgia;
  color: #808080;
  content: open-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -.41em;
  padding: 0 .1em 0 .1em;
  }

blockquote:after {
  font-family: Georgia;
  color: #808080;
  content: close-quote;
  font-size: 4em;
  line-height: 0.3em;
  margin-right: 0.25em;
  vertical-align: -0.57em;
  padding: 0 0 0 .1em
}

blockquote:first-child {
  display: absolute;
  padding-top: 1.3em;
}

blockquote:last-child {
  display: absolute;
 }
 

div#domu {
    height:500px;
    padding-top:50px;
    padding-bottom:50px;
    overflow:auto;
}
.bg-1 {
	background: url('../themes/drevotvor/assets/./images/bckg.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
}

#slogan
{   
    background: #0c0c0c;
    position: relative;
    z-index: 3;
}

#o-nas img
{
    margin-top:-10%;
     margin-bottom:-10%;
    position: relative;
    z-index: 2;
    opacity: 0.6;
}

#o-nas p
{
    background: #101010;
    font-weight: 100;
    padding: 30px 0px;
    position: relative;
    z-index: 3;
    font-size: 2em;
    color: #aaaaaa;
}
#galerie
{
    min-height: 100px;
}
#galerie #gallery > div
{
    
    
    width: 12.5%;
    height: auto;
    margin: 0;
    
    
}

#galerie #gallery > div img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
}
@media (max-width: 1279px ) {
  #galerie #gallery > div
{
    width: 25%;
}

}

@media (max-width: 480px ) {
  blockquote {
  color: #5a5a5a;
  font-size: 2em;
  }
    
  #galerie #gallery > div
{
    
    
    width: 50%;
    
    
    
}

}


#aktuality
{
    background: #474747;
    color:white;
    padding-bottom: 70px;
}

#aktuality h1
{
    padding-top: 50px;
}

.navbar-brand h1
{
    font-size: 2em;
    margin: 0;
    line-height: .7em;
}

#kontakt
{
    color:white;
    padding: 50px 0;
}
h3.facebook
{
    background: #3b5998;
    padding: 10px 20px 10px 20px;
    text-align: center;
    width: 200px;
}
h3.google
{
    background: #d34836;
    padding: 10px 20px 10px 20px;
    text-align: center;
    width: 200px;
}
a h3.facebook, a h3.google
{
    color: white;
    text-decoration: none;
}

h3.facebook:hover, h3.google:hover
{
    opacity: 0.8;
    text-decoration: none;
}
.form-control
{
    background-color: #333333;
    border: 1px solid #333333;
    color: white;
   
}
.input-group .form-control:not(:first-child):not(:last-child) {
    -webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}


input
{
    padding-top: 15px;
    padding-bottom: 15px;
   
}
i
{
    text-align: center;
    margin-right: 20px;
    width: 20px;
}

.add-on
{
    background: #888888;
    border: #999999;
}