.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.navbar {
  background-color: rgba(0,0,0,0.6);
  color: white !important;
  padding:10px;
}
.navbar a {
  color: white !important;
}
.carousel-caption {
  background-color: rgba(0,0,0,0.6) !important;
  bottom:50px;
  border-radius: 5px;
}
.carousel-indicators{
  bottom:40px;
}
.nav-link{
  font-size:1.25em;
  padding-left:20px !important;
  padding-right:20px !important;
}
.nav-link {
  transition: .5s;
}
.nav-link:hover {
  background-color: white !important;
  color:black !important;
}
.navbar-dark .navbar-toggler{
  border-color: rgba(255,255,255,.6);
}
.navbar-brand img {
  padding-right: 15px;
  float:left;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  padding:12px;
}
.navbar-brand p {
  font-family: 'Pacifico';
  transform: translateY(4px);
}
@media (max-width: 768px){
  .carousel-item h2 {
    font-size:1.3em;
  }
  .carousel-item p {
    font-size:1em;
  }
  .nav-link{
    padding-left:5px !important;
    padding-right:5px !important;
  }
}
#onama{
  margin-top:70px;
  font-family: 'Work Sans', sans-serif !important;
  color:#333333;
}
#onama h2{
  letter-spacing: 0.7px;
  font-family: 'Work Sans', sans-serif !important;
  text-align: center;
}
#onama h5{
  font-size:1.45em;
  margin-top:35px;
  font-family: 'Work Sans', sans-serif !important;
}
@media (max-width: 600px){
  #onama{
    margin:70px 2% 0;
    width:96% !important;
  }
}

#proiz {
  padding:50px 0 30px;
}
.row img {
  width:95%;
  margin:0 2.5% 3.5%;
  -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.42);
  -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.42);
  box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.42);
  border-radius: 5px;
  transition: .5s ease;
  backface-visibility: hidden;
}
.row img:hover {
  opacity: .9;
}
.col-lg-4 {
  padding:0px !important;
}
.opis {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  text-align: center;
  width:95%;
  color: white;
  background-color: rgba(0,0,0,0.6);
  padding:5% 0 5%;
}
@media (max-width: 1200px){
  .opis h3 {
    font-size:1.3rem;
  }
}
@media (max-width: 1000px){
  .col-lg-4{
    width:50% !important;
  }
}
@media (max-width: 550px){
  .col-lg-4{
    width:100% !important;
  }
}

.fa-angle-double-down {
  float: none;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  font-size:36px;
}
.link-btn {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -100%);
  border-radius: 5px;
  border: 3px solid #6fda44;
  color: #fff;
  background: #6fda44;
  padding:10px 22px;
  font-size:1.1em;
  font-weight: 750;
  transition: .2s;
}
.link-btn:hover {
  top:64%;
}
.footer{
  background-color: #111111;
  color:#fff;
  margin:30px 0 0 !important;
  height:350px;
}
.map {
  width:66.66%;
  padding:50px;
  float:left;
}
.contact {
  width:33.33%;
  float:left;
  height:250px;
  padding:50px;
  color:#fff;
}
.contact a{
  color:#fff !important;
}
#guglmapa{
  width:100%;
  height:250px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 3px rgba(0,0,0,0.1), 0 6px 10px 6px rgba(0,0,0,0.05);
}
.social {
  font-size:22px;
  margin:10px 10px 0 0;
  cursor: pointer;
}
.social:hover{
  opacity: .8;
}
@media (max-width: 900px){
  .map, .contact {
    padding:25px;
  }
  .footer {
    height:300px;
  }
}
@media (max-width: 900px){
  .map, .contact {
    width:100%;
    text-align:center;
  }
  .footer {
    height:500px;
  }
  .contact {
    height: 200px;
  }
}
#dev {
  bottom:0;
}