body {
  margin: 0;
  font-family: Raleway, Verdana,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

#promo {
  background-color: #3fc73f;
  background-image: url(../../assets/img/promo-1.png);
  background-repeat: no-repeat;
  margin-top: 40px;
}

@media (min-width: 768px) {
  #promo {
    background-color: #3fc73f;
    background-image: url(../../assets/img/promo-1.png);
    background-repeat: repeat-x;
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  #promo {
    background-color: #3fc73f;
    background-image: url(../../assets/img/promo-3.png);
    background-repeat: repeat-x;
    margin-top: 0px;
  }
}

#promo img {
  width: 150px;
  margin: -50px 0px 0px 0px;
}

#promo-v img {
  width: 150px;
  margin: -50px 0px 0px 0px;
}

#kontakt {
  font-family: "Open Sans";
}

#produkti, #kontakt {
  font-size: 0.8rem;
}

#produkti, #kontakt h1 {
  text-align: center;
  color: rgb(40,45,50);
  margin: 15px 0px;
}

#kontakt h4 {
  text-align: center;
  margin: 15px 0px;
  /*color: #3fc73f;*/
}

/* produkti */

.c-prod {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.c-prod h4 {
  /*font-size: inherit;*/
}

/* tekst za ikono */

.ico-foot {
  margin: 4px;
  font-size: 1.5em;
  color: #3fc73f;
  width: 30px !important;
}

.ico-o-nas {
  margin: 4px;
  font-size: 2em;
  color: #3fc73f;
  width: 25px;
}

.ico-zelen {
  font-size: 30px;
  color: #77ba73;
  margin: 5px auto;
  padding-top: 10px;
  padding-bottom: 5px;
}

.dark-section {
  background-color: #f1f1f1;
  color: #313437;
  padding-bottom: 15px;
  padding-top: 15px;
}

.light-section {
  padding-bottom: 15px;
  padding-top: 15px;
}

.ddark-section {
  background-color: #313437;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dark-section h1 {
  /*background-color: #f1f1f1;*/
  color: #313437;
  padding: 20px 0px 0px 0px;
}

/* div za proizvodni program */

.pr-blok {
  padding: 5px;
  margin: 5px;
  background-color: #f7f8f7;
  min-height: 200px;
}

.pr-blok .fa {
  margin-top: 20px;
  margin-bottom: 15px;
}

.pr-blok .btn {
  margin-top: 20px;
}

.last-row {
  margin-bottom: 25px;
}

.galerija {
  max-width: 100%;
}

@media (min-width: 1200px) {
  .galerija {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .galerija {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

.galerija img {
  border: 1px solid #ddd;
  padding: 5px;
}

.storitve {
  font-size: 0.8rem;
  /*background-color: #01baef;*/
}

@media (min-width: 768px) {
  .storitve {
    font-size: 1.0rem;
    /*background-color: #01baef;*/
  }
}

.storitve p {
  margin-top: 0;
  margin-bottom: 0;
}

.storitve h1 {
  text-align: center;
  margin-top: 30px;
  padding: 10px;
  font-size: 2rem;
  color: rgb(40,45,50);
}

.storitve h2 {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 20px;
  font-weight: bold;
}

.storitve h3 {
  text-align: center;
}

.storitve h4 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}

.storitve h5 {
  font-size: 1.7rem;
  font-weight: 600;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
  color: #7d8285;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f7f8f7;
  font-family: 'Comfortaa';
}

.storitve h6 {
  font-size: 1.0rem;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: 'Open Sans';
}

/* opis slike spodaj */

.storitve small {
  font-family: 'Mukta Vaani';
  padding-left: 5px;
  /*margin-bottom: 20px;*/
  font-style: italic;
}

.storitve img {
  border: 1px solid #dddddd;
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* brez spodnjega margin .. ker je opis slike */

.storitve .n-rob img {
  margin-bottom: 2px;
}

/* margin pod opisom slike */

.storitve .n-rob {
  margin-bottom: 30px;
}

.storitve .img-prod img {
  padding: 1px 1px 1px 1px;
}

/* fiksna višina stolpca, razmak med njimi..storitve */

.storitve-b {
  margin-bottom: 10px;
  background-color: #f7f8f7;
}

.storitve-b img {
  margin-bottom: 10px;
  /*padding: 1px;*/
}

.badge-ref {
  font-size: 20px;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 25px;
}

.vsebina {
  font-size: 0.9rem;
}

@media (min-width: 768px) {
  .vsebina {
    font-size: 1.1rem;
  }
}

.vsebina hr {
  border-top: 1.5px solid #77ba73;
  /*height: 1px;*/
  /*background-image: linear-gradient(to right,#77ba73,transparent);*/
}

.vsebina.vcent {
  text-align: center;
}

.vsebina.vleft {
  text-align: left;
}

.vsebina.vleft p {
  text-align: justify;
}

@media (min-width: 576px) {
  .vsebina.vleft p {
    text-align: left;
  }
}

.vsebina h1 {
  font-size: 2rem;
  text-align: center;
  color: #a3a6a8;
  font-family: 'Open Sans';
}

@media (min-width: 768px) {
  .vsebina h1 {
    font-size: 3rem;
  }
}

.vsebina h2 {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
}

.vsebina h3 {
  font-family: 'Comfortaa';
  font-size: 1.4rem;
  text-align: center;
  padding: 10px;
  color: #77ba73;
}

@media (min-width: 768px) {
  .vsebina h3 {
    font-family: 'Comfortaa';
    font-size: 1.8rem;
    text-align: center;
    padding: 10px;
    color: #77ba73;
  }
}

.vsebina h4 {
  font-size: 1.4rem;
  text-align: center;
  padding: 10px;
}

.footer-dark {
  font-family: "Open Sans";
}

.footer-dark .btn {
  margin-top: 20px;
}

.footer-dark hr {
  border-top: 1px solid #505e6c;
  color: red;
}

/* ikona na začetek */

.zacetek {
  text-align: right;
  color: #ffffff;
  font-size: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.zacetek .fa {
  background-color: #3fc73f;
  border-radius: 50%;
  padding: 8px;
}

.zacetek a:link, .zacetek a:visited {
  color: #ffffff;
  text-decoration: none;
}

.zacetek a:hover {
  color: #313437;
  text-decoration: none;
}

.dark-section .p-rob:hover {
  /*border: 1px solid silver;*/
  background-color: #e3e3e3;
}

.light-section .p-rob:hover, .dark-section .p-rob:hover {
  background-color: rgba(63,199,63,0.18);
}

.img-prod {
  width: 95%;
  margin: 5px;
  padding: 1px 1px 1px 1px;
}

.z-col {
  padding: 1px 1px;
  /*margin: 1px;*/
}

/* pikčasto ozadje */

.dot-bkg {
  background: url(bkg_7.png);
  background-repeat: repeat;
  background-size: 30px 30px;
  padding: 10px 0px;
  margin: 10px 0px;
}

/* prazen container na koncu */

.empty {
  height: 50px;
}

#vid {
  text-align: center;
  margin-top: 20px;
}

#vid iframe {
  border: 1px solid #c0c0c0;
  padding: 5px;
}

/* video-prebijalka */

#vid-preb {
  padding: 10px;
  text-align: center;
  /*margin-bottom: 10px;*/
}

#vid-preb iframe {
  border: 1px solid #c0c0c0;
  padding: 5px;
}

@media (min-width: 768px) {
  .on-top {
    margin-top: 70px;
  }
}