<style>
  
   body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
  }
  
    .container {
      padding: 10px 33px;
  }

    h1 {
      font-family: Montserrat, sans-serif;
      font-size: 19px;
      text-transform: none;
      color: black;
      margin-bottom: 60px;
      padding: 30px 0 0 0; 
      line-height: 2.0;                    
     
  }
  
    h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: grey;
      font-weight: 60;
      margin-bottom: 50px;
  }
  
  h3, h4 {
      margin: 10px 0 40px 0;
      letter-spacing: 10px;      
      font-size: 20px;
      color: #40ff00; 
  }
  
  p {
      margin:0 0 0 0;
} 

.bg-2 {
    background-color: #323232; /*grey*/
    color: #999999;
}

.btn {
    background: #000;
    color: #fff;
    border-radius: 0;
}

.btn:hover {
    background: #3abf3c;
    color: #000;                                                          
}

/* VRCHNE MENU */

  .navbar {
      font-family: Montserrat, sans-serif;
      background-color: #1d2231;
      border-bottom: solid 1px #48bf3c;
      font-size: 14px !important;
      letter-spacing: 4px;
      padding: 10px 15px 10px  0;
      margin:0 0 0 0;
  }
  .navbar li a, .navbar { 
      color: #c5c7c4 !important;
      
  }
  .navbar-brand { 
      color: #48bf3c !important;
      font-size: 14px !important;
      font-weight: none;   
  }
  
  .navbar-nav li a:hover {
      color: red !important;
  }
  
  .navbar-nav li.active a {
    background-color: #171b27!important;
    color: #48bf3c !important;
    }
  .navbar-default .navbar-toggle {
      border-color: #48bf3c;
  }
  

 /* EFEKT SLIDE */
 
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide;
    /* The duration of the animation */
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
 


img {
  margin-bottom: 30px;
}


img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
} 

 footer p {
  margin: 20px 0 0 20px;
}
    


  </style>

