/*============= RESETS & DEFAULT STYLING=============*/
 /*--- iPhone X Remove Gutters ---*/
 html {
   padding: env(safe-area-inset);
 }

 /*--- Prevent Horizontal Scrolling & Font Style ---*/
 html, body {
   overflow-x: hidden;
   font-family: 'Roboto Slab', sans-serif;
   color: #505962;
 }

 h1 {
   font-family: 'Lust';
 }
 
 .turkizna {
   color: #1ebba3;
 }

 /*--- Nav Scrolling Offset ---*/
 .offset::before {
   height: 4rem;
   display: block;
   margin-top: -4rem;
   content: "";
 }

 /*--- Extra Bootstrap Column Padding ---*/
 /*============= NAVIGATION =============*/
 .navbar-brand img {
   height: 2rem;
 }

 .navbar {
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: .07rem;
   font-size: .8rem;
   padding: .7rem 1rem;
   transition: background-color 1s ease;
 }

 .navbar-nav .nav-link {
   color: white;
   padding-top: .8rem;
 }

 .navbar-nav li {
   padding-right: .4rem;
 }

 .custom-toggler-icon {
   color: lightgray;
   font-size: 1.6rem;
 }

 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link:hover {
   color: mediumpurple;
 }

 .navbar-nav .static-purple .nav-link {
   color: #c8a2c8;
 }

 .navbar-nav .static-blue .nav-link {
   color: fuchsia;
 }

 /*--- Remove Button Outline ---*/
 button:focus,
 a:focus {
   outline: 0;
   -webkit-appearance: none;
   box-shadow: none;
 }

 button:focus:after,
 a:focus:after {
   outline: 0;
   -webkit-appearance: none;
   box-shadow: none;
 }

 button, a, a.btn {
   transition: color .6s ease;
 }

 .navbar.solid,
 .navbar.solid-toggle {
   background-color: rgba(0, 0, 0, .7);
   transition: background-color 1s ease;
 }

 /*-- Oblikovanje za puščico (bouncing down arrow --> */
 .arrow {
   position: absolute;
   bottom: 5%;
   width: 100%;
   animation: bounce 2s infinite;
   z-index: 1;
 }

 .fa-angle-down {
   font-size: 2.2rem;
   color: white;
   opacity: .3;
 }

 .fa-angle-down:hover {
   opacity: .8;
 }

 .fa-angle-down {
   transition: opacity .6s ease;
 }

 /*============= LANDING PAGE: HOME =============*/
 /*============= LANDING PAGE: 1 slide caption ================*/
 .landing {
   position: relative;
   width: 100%;
   height: 100vh;
   display: table;
   z-index: -1;
 }

 .home-wrap {
   clip: rect(0, auto, auto, 0);
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
 }

 .home-inner {
   position: fixed;
   height: 100%;
   width: 100%;
   /* Za naprave IOS */
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   will-change: transform;
   display: table;
 }

 /*-- Landing Page Caption --*/
 .carousel-item {
   height: 100vh;
   min-height: 30rem;
   background: no-repeat center center scroll;
   background-size: cover;
   background-color: #1A1A1A;
 }

 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
   display: block;
   transition: transform 1.2s ease;
   transition: -webkit-transform 1s ease;
   /* ni obvezno*/
 }

 .carousel-caption {
   position: absolute;
   top: 41%;
   z-index: 1;
   width: 100%;
   max-width: 100%;
   right: 0;
   left: 0;
   padding: 0;
 }

 .carousel-item h1 {
   color: white;
   font-size: 4.5rem;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 0.3rem;
   text-shadow: 0.1rem 0.1rem 0.8rem black;
 }

 .carousel-item h2 {
   color: white;
   font-size: 2.5rem;
   text-transform: uppercase;
   font-weight: 400;
   text-shadow: 0.1rem 0.1rem 0.8rem black;
   padding-bottom: 1rem;
 }

 /*============= END: 1 slide caption ================*/
 /*============= LANDING PAGE: 2 slide caption ================*/
 .carousel-item .novica {
   position: absolute;
   top: 9%;
   z-index: 1;
   min-width: 100%;
   max-width: 100%;
   right: 0;
   left: 0;
   padding: 0;
 }

 .carousel-item .novica h1 {
   color: white;
   font-size: 4.5rem;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 0.3rem;
   text-shadow: 0.1rem 0.1rem 0.8rem black;
 }

 .carousel-item .novica .novice {
   color: lightgray;
   font-size: 1rem;
   text-transform: uppercase;
   text-shadow: 0.1rem 0.1rem 0.8rem black;
   text-decoration: underline;
   transition: all 1s ease;
   font-weight: bolder;
   padding-bottom: 3rem;
 }

 .carousel-item .novica .novice:hover {
   color: grey;
 }

 .carousel-item .novica .news {
   position: absolute;
   top: 22%;
   z-index: 1;
   min-width: 100%;
   max-width: 100%;
   right: 0;
   left: 0;
   padding: 0;
 }

 .novica .container .row {
   padding-left: 13%;
   padding-right: 13%;
 }

 .novica .container .row .okvir {
   background-color: rgba(0, 0, 0, .4);
   border-radius: 10px;
   margin: 1px;
 }

 .novica .container .row .okvir .vsebina {
   padding-top: 1rem;
 }

 .novica .container .row .okvir .vsebina h3 {
   font-size: 1.2rem;
   text-transform: uppercase;
   padding-top: .4rem;
   padding-bottom: .4rem;
   font-weight: 600;
   letter-spacing: .1rem;
 }

 .novica .container .row .okvir .vsebina p {
   font-size: 1rem;
   letter-spacing: .05rem;
   padding-left: .5rem;
   padding-right: .5rem;
 }

 .novica .container .row .okvir .vsebina h4 {
   font-size: .6rem;
   letter-spacing: .05rem;
   text-align: right;
   padding-left: .5rem;
   padding-right: .5rem;
   color: darkgray;
   text-decoration: none;
   padding-top: 0;
   padding-bottom: 0;
 }

 .novica .container .row .okvir .vsebina i {
   color: mediumpurple;
   font-size: 3rem;
   padding-bottom: .1rem;
 }

 /*============= END: 2 slide caption ================*/
 /*============= LANDING PAGE: 3 slide caption ================*/
 .carousel-item .teden {
   position: absolute;
   top: 25%;
   z-index: 1;
   min-width: 100%;
   max-width: 100%;
   right: 0;
   left: 0;
   padding: 0;
   font-size: 4.5rem;
 }

 .beseda-tedna {
   position: absolute;
   top: 30%;
   z-index: 1;
   min-width: 100%;
   max-width: 100%;
   right: 0;
   left: 0;
   padding: 0;
 }

 .beseda-tedna h3 {
     display:inline-block;
     padding:10px;
     border-radius:10px;
   font-size: 3.5rem;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 0.3rem;
   text-shadow: 0.3rem 0.3rem .8rem black;
   color: mediumpurple;
   font-style: italic;
   background-color: rgba(0,0,0,.2);
 }

 .beseda-tedna h4 {
   font-size: 1rem;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 0.3rem;
   text-shadow: 0.1rem 0.1rem 0.4rem black;
   color: gray;
 }

 /*============= END: 3 slide caption ================*/
 /*============= END: HOME SECTION ================*/
 /*--- Fixed Landing Page Section ---*/
 /*============= AKADEMIJA SECTION =============*/
 #akademija .jumbotron {
   margin-bottom: 0;
 }

 h3.heading {
   text-transform: uppercase;
   font-weight: bolder;
   text-align: center;
   font-size: 1.8rem;
 }

 .heading-underline {
   width: 8rem;
   height: .3rem;
   background-color: mediumpurple;
   text-align: center;
   margin: 1rem auto 2rem;
 }

 .vsebina {
   padding-top: 2rem;
 }

 .vsebina h3 {
   font-size: 1.2rem;
   text-transform: uppercase;
   padding-top: .4rem;
   padding-bottom: .4rem;
   font-weight: 600;
   letter-spacing: .1rem;
 }

 .vsebina p {
   font-size: 1rem;
   letter-spacing: .05rem;
   padding-left: .5rem;
   padding-right: .5rem;
 }

 .vsebina i {
   color: mediumpurple;
   font-size: 4rem;
   padding-bottom: .4rem;
 }

 /*============= END: AKADEMIJA SECTION ================*/
 /*============= START: DOGODKI SECTION ================*/
 #dogodki .jumbotron {
   background: #fff;
   margin-bottom: 0;
 }

 .heading-dogodki {
   text-align: center;
 }

 .underline-dogodki {
   margin-bottom: 1rem;
   margin-top: .4rem;
 }

 .underline-dogodki1 {
   margin-top: .2rem;
   width: 3rem;
   height: .1rem;
 }

 .arhiv-dogodki {
   text-align: center;
   text-decoration: underline;
   transition: all 1s ease;
   text-transform: uppercase;
   color: darkgrey;
   font-weight: bold;
   font-size: 1rem;
 }

 .arhiv-dogodki:hover {
   color: grey;
 }

 .odmik {
   padding: 4rem 2rem 0;
 }

 .dogodki img {
   width: 100%;
   height: auto;
   border-radius: 10%;
   transition: transform .3s ease;
 }

 .dogodki img:hover {
   transform: scale(0.95);
 }

 .besedilo-dogodki {
   padding: 0 1rem 0 0;
   font-size: 1rem;
 }

 blockquote i {
   margin: .5rem;
   color: mediumpurple;
   font-size: 1.2rem;
 }

 .naslov-dogodka {
   font-size: 1.2rem;
   font-weight: bolder;
 }

 .dogodki-hr {
   border-top: .05rem solid mediumpurple;
   margin: 1rem 0;
 }

 /*============= END: DOGODKI SECTION ================*/
 /*============= START: STORITVE SECTION =============*/
 #storitve .jumbotron {
   margin-bottom: 0;
   outline: none;
 }

.card-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

 .gumb {
   background: mediumpurple;
   border: 1px solid mediumpurple;
   border-radius: 8px;
   font-size: 1rem;
   color: #fff;
 }

 .gumb:focus {
   outline: none;
   box-shadow: none;
 }

 .gumb:hover {
   background: rebeccapurple;
   border: 1px solid rebeccapurple;
   color: rgba(255, 255, 255, .8);
 }

 .naslovi-storitve {
   text-transform: uppercase;
   font-weight: bold;
   color: mediumpurple;
   font-size: 1.4rem;
 }

 .besedilo-storitve {
   font-size: 1rem;
   text-align: justify;
   text-justify: inter-word;
   color: #27254a;
 }

 .naslov-storitev {
   color: mediumpurple;
   font-weight: bold;
   font-size: 30px;
 }

 .besedilo-storitev {
   font-size: 1rem;
   text-align: justify;
   text-justify: inter-word;
 }

 .besedilo-storitev h4 {
   font-size: 1.5rem;
   font-weight: bold;
   text-align: justify;
   text-justify: inter-word;
   color: mediumpurple;
 }

 .slika-storitev {
   position: relative;
   width: 25%;
   padding: 10px;
   border: .5px solid lightgray;
   margin-bottom: 1rem;
 }

 .crta-prelom {
   border: none;
   height: 4px;
   background: lightgray;
   margin-bottom: 1rem;
 }

 .crta {
   border: none;
   height: 1px;
   background: rgba(180, 0, 255, .6);
   margin: 0 0 .3rem;
 }

 /*============= END: STORITVE SECTION =============*/
 /*============= START: EKIPA SECTION =============*/
 /*===== FIXED BACKGROUND IMG DARK =====*/
 /*--- iOS Fixed Background Image --*/
 .fixed {
   position: relative;
   width: 100%;
   margin-bottom: 0;
 }

 .fixed-wrap {
   clip: rect(0, auto, auto, 0);
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   z-index: -9999;
 }

 .fixed-dark {
   background-image: url('../img/services/Mentoriranje.jpg');
   position: fixed;
   height: 100%;
   width: 100%;
   background-size: cover;
   background-position: center center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   will-change: transform;
   z-index: -1;
   top: 0;
   left: 0;
   display: table;
 }

 .dark {
   background-color: rgba(0, 0, 0, .3);
   padding: 7rem 0;
   z-index: 1000;
 }

 /*========== END FIXED IMAGE SECTION ============*/
 .ekipa-slika {
   width: 100%;
 }

 .ekipa-slika img {
   height: 100%;
   width: inherit;
   object-fit: cover;
 }

 #ekipa h3.heading {
   color: #fff;
 }
 #ekipa h5.card-title {
   color: mediumpurple;
 }

 /*============= END: EKIPA SECTION =============*/
 /*============= START: PODATKI SECTION =============*/
 #podatki .jumbotron {
   margin-bottom: 0;
 }

 #podatki .jumbotron .heading-underline {
   margin-bottom: 4rem;
   margin-top: .4rem;
 }

 .skill h3 {
   color: mediumpurple;
   font-size: 2.5rem;
   font-weight: 700;
   margin: 1rem 0 0.5rem;
 }

 .skill p {
   font-size: 1.1rem;
   text-transform: uppercase;
   font-weight: 700;
 }

 /*============= END: PODATKI SECTION =============*/
 /*============= START: STRANKE SECTION =============*/
 #stranke .jumbotron {
   background: #fff;
   margin-bottom: 0;
 }

 .clients img {
   width: 100%;
   border-radius: 50%;
 }

 /*============= END: STRANKE SECTION =============*/
 /*============= START: KONTAKT SECTION =============*/
 .footer {
   background: #505050;
   background-size: cover;
 }

 #kontakt .container-fluid {
   padding: 0 5rem;
 }

 .first {
   margin-top: 40px;
   margin-bottom: 50px;
   color: rgb(206, 206, 206);
 }

 .first h4 {
   font-size: 20px;
   letter-spacing: 3px;
   position: relative;
   margin-bottom: 20px;
   font-size: 1.6em;
   color: #fff;
   padding-bottom: 0.5em;
   text-transform: uppercase;
 }

 .first h4::after {
   content: '';
   background: mediumpurple;
   width: 20%;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0;
 }

 .first {
   position: relative;
   width: 100%;
   height: 100%;
 }

 .first img {
   position: absolute;
   width: 100%;
   top: 0;
   bottom: 0;
   margin: auto;
 }

 .second {
   margin-top: 40px;
   margin-bottom: 50px;
   color: rgb(206, 206, 206);
   text-align: center;
 }

 .second2 {
   margin-top: 40px;
   margin-bottom: 50px;
   color: rgb(206, 206, 206);
   text-align: center;
 }

 .second h4 {
   font-size: 20px;
   letter-spacing: 3px;
   position: relative;
   margin-bottom: 20px;
   font-size: 1.6em;
   color: #fff;
   padding-bottom: 0.5em;
   text-transform: uppercase;
 }

 .second h4::after {
   content: '';
   background: mediumpurple;
   width: 20%;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 40%;
 }

 .second ul {
   padding: 0;
 }

 .second li {
   list-style: none;
   text-align: center;
   padding-bottom: 7px;
   letter-spacing: auto;
   font-weight: normal;
 }

 .second a, .second2 a {
   color: rgb(206, 206, 206);
   text-decoration: none;
   letter-spacing: 3px;
   font-weight: bold;
   font-size: 14px;
   transition: 0.2s;
 }

 .second a:hover, .second2 a:hover {
   color: #fff;
   transition: 0.2s;
   text-shadow: 1px 1px 20px rgba(0, 0, 0, 1);
   text-decoration: none
 }

 .third {
   margin-top: 40px;
   margin-bottom: 50px;
   color: rgb(206, 206, 206);
   text-align: right;
 }

 .third h4 {
   font-size: 20px;
   letter-spacing: 3px;
   position: relative;
   margin-bottom: 20px;
   font-size: 1.6em;
   color: #fff;
   padding-bottom: 0.5em;
   text-transform: uppercase;
 }

 .third h4::after {
   content: '';
   background: mediumpurple;
   width: 20%;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 80%;
 }

 .third li {
   list-style: none;
   padding-bottom: 15px;
 }

 .third a {
   color: rgb(206, 206, 206);
   text-decoration: none;
   font-size: 14px;
   transition: 0.2s;
 }

 .third a:hover {
   color: #fff;
   transition: 0.2s;
   text-shadow: 1px 1px 20px rgba(0, 0, 0, 1);
 }

 .margin {
   margin-left: 20px;
 }

 .line {
   height: 2px;
   background-color: rgb(206, 206, 206);
   width: 100%;
 }

 .container h1 {
   text-align: center;
   margin-top: 100px;
   margin-bottom: 100px;
 }



 .top-scroll i {
  font-size: 3rem;
  height: 1.7rem;
  width: 1.7rem;
  color: #fff;
  background: mediumpurple;
  transition: transform 0.5s ease;
  font-size: 1.7rem;
  text-align: center;
}

.top-scroll i:hover {
  /*font-size: 3.5rem;
  height: 2rem;*/
  transform: scale(1.15);
}

a.top-scroll {
  right: 1.2rem;
  bottom: 1.2rem;
  position: fixed;
  z-index: 1000;
  display: none;
}

 /*============= END: KONTAKT SECTION =============*/
 /*------------------------------------------------------------------------------------------------------------------*/
 /*===== FIXED BACKGROUND IMG DARK =====*/
 /*--- iOS Fixed Background Image ---*/
 /*============= PORTFOLIO SECTION =============*/
 /*============= PRICING SECTION =============*/
 /*============= TEAM SECTION FIXED BG IMG LIGHT =============*/
 /*--- Team Light Background Image ---*/
 /*============= SKILLS SECTION =============*/
 /*============= CLIENTS SECTION =============*/
 /*============= CONTACT SECTION =============*/
 /*--- Contact Form ---*/
 /*============= TOP SCROLL =============*/
 /*============= MEDIA QUERIES =============*/
 /* Devices under 992px (lg) */
 /* Devices under 768px (md) */
 /* Devices under 576px (sm) */
 /*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap=============*/
 /*============= ZACETEK: EKRANI MAX VELIKOSTI 1025PX =============*/
 @media (max-width: 1025px) {

   /*---- ZACETEK PRVEGA SLIDA----*/
   .carousel-caption {
     top: 44%;
   }

   /*---- KONEC PRVEGA SLIDA----*/
   /*---- ZACETEK DRUGEGA SLIDA----*/
   .carousel-item .novica .news {
     top: 31%;
   }

   /*---- KONEC DRUGEGA SLIDA----*/
 }

 /*============= KONEC: EKRANI MAX VELIKOSTI 1025PX =============*/
 /*============= ZACETEK: EKRANI MAX VELIKOSTI 991PX =============*/
 @media (max-width: 991px) {

   /*---- ZACETEK PRVEGA SLIDA----*/
   .carousel-caption {
     top: 43%;
   }

   .carousel-item h1 {
     font-size: 3.5rem;
     letter-spacing: 0.25rem;
   }

   .carousel-item h2 {
     font-size: 2rem;
     padding-bottom: 1rem;
   }

   /*---- KONEC PRVEGA SLIDA----*/
   /*---- ZACETEK DRUGEGA SLIDA----*/
   .carousel-item .novica h1 {
     font-size: 4.3rem;
     letter-spacing: 0.25rem;
     margin-bottom: .3rem;
   }

   .carousel-item .novica .novice {
     font-size: 1rem;
     padding-bottom: 2.7rem;
   }

   .carousel-item .novica .news {
     top: 30%;
   }

   .novica .container .row .okvir .vsebina {
     padding-top: .9rem;
   }

   .novica .container .row .okvir .vsebina h3 {
     font-size: 1.2rem;
     padding-top: .3rem;
     padding-bottom: .3rem;
     letter-spacing: .09rem;
   }

   .novica .container .row .okvir .vsebina p {
     font-size: 1.1rem;
     letter-spacing: .05rem;
   }

   .novica .container .row .okvir .vsebina h4 {
     font-size: .5rem;
   }

   .novica .container .row .okvir .vsebina i {
     font-size: 2.9rem;
     padding-bottom: .09rem;
   }

   /*---- KONEC DRUGEGA SLIDA----*/
   /*---- ZACETEK TRETJEGA SLIDA----*/
   .carousel-item .teden {
     font-size: 4rem;
   }

   .beseda-tedna h3 {
     font-size: 3.2rem;
   }

   .beseda-tedna h4 {
     font-size: .7rem;
   }

   /*---- KONEC TRETJEGA SLIDA----*/
   /*---- ZACETEK AKADEMIJA POGLAVJA----*/
   h3.heading {
     font-size: 1.6rem;
   }

   .heading-underline {
     width: 7rem;
     height: .28rem;
   }

   .vsebina {
     padding-top: 1.8rem;
   }

   .vsebina h3 {
     font-size: 1.1rem;
     padding-top: .35rem;
     padding-bottom: .35rem;
     letter-spacing: .1rem;
   }

   .vsebina p {
     font-size: .9rem;
     letter-spacing: .05rem;
     padding-left: .45rem;
     padding-right: .45rem;
   }

   .vsebina i {
     font-size: 3.5rem;
     padding-bottom: .35rem;
   }

   /*---- KONEC AKADEMIJA POGLAVJA----*/
   /*---- ZACETEK DOGODKI POGLAVJA----*/
   .underline-dogodki {
     margin-bottom: 1rem;
     margin-top: .35rem;
   }
   .underline-dogodki1 {
     margin-top: .15rem;
     width: 2.8rem;
     height: .1rem;
   }
   .arhiv-dogodki {
     font-size: 1rem;
   }
   .odmik {
     padding: 3rem 1.9rem;
   }
   .dogodki img:hover {
     transform: none;
   }
   .besedilo-dogodki {
     padding: 0 1rem 0 0;
     font-size: .95rem;
   }
   blockquote i {
     margin: .45rem;
     font-size: 1.1rem;
   }
   .naslov-dogodka {
     font-size: 1.1rem;
   }
   .dogodki-hr {
     margin: .9rem 0;
   }
   /*---- KONEC DOGODKI POGLAVJA----*/
   /*---- ZACETEK PODATKI POGLAVJA----*/
   .skill h3 {
     font-size: 2.5rem;
     margin: .9rem 0 0.4rem;
   }
   .skill p {
     font-size: 1rem;
   }
   .skill i {
     font-size: 3rem;
   }
   /*---- KONEC PODATKI POGLAVJA----*/
   /*---- ZACETEK STORITVE POGLAVJA----*/
   .gumb {
     font-size: .9rem;
   }
   .naslov-storitev {
     font-size: 1.6rem;
   }
   .besedilo-storitev {
     font-size: 1.1rem;
   }
   .besedilo-storitev h4 {
     font-size: 1.4rem;
   }
   .naslovi-storitve {
     font-size: 1.5rem;
   }
   .besedilo-storitve {
     font-size: 1.1rem;
   }
   /*---- KONEC STORITVE POGLAVJA----*/

   /*---- ZACETEK EKIPA POGLAVJA----*/
   .ekipa-slika {
     width: 50%;
     left: 0;
     right: 0;
     margin: 2rem auto 0;
   }

   .ekipa-slika img {
     padding: 1rem;
     border: 1px solid gray;
   }
   /*---- KONEC EKIPA POGLAVJA----*/

   /*---- ZACETEK STRANKE POGLAVJA----*/
   /*---- KONEC STRANKE POGLAVJA----*/

   /*---- ZACETEK KONTAKT POGLAVJA----*/
   .container-fluid {
     padding: 0 2.3rem;
   }

   .first {
     margin: 35px 0 45px;
   }

   .first h4 {
     letter-spacing: 2.8px;
     margin-bottom: 18px;
     font-size: 1.4em;
     padding-bottom: 0.4em;
   }

   .first h4::after {
     width: 20%;
     height: 2px;
   }

   .first img {
     width: 95%;
   }

   .second {
     margin: 35px 0 45px;
   }

   .second2 {
     margin: 35px 0 45px;
   }

   .second h4 {
     letter-spacing: 2.8px;
     margin-bottom: 18px;
     font-size: 1.4em;
     padding-bottom: 0.4em;
   }

   .second h4::after {
     width: 20%;
     height: 2px;
     left: 40%;
   }

   .second li {
     padding-bottom: 6px;
   }

   .second a, .second2 a {
     letter-spacing: 2.8px;
     font-size: 13px;
   }

   .third {
     margin: 35px 0 45px;
   }

   .third h4 {
     letter-spacing: 2.8px;
     margin-bottom: 18px;
     font-size: 1.4em;
     padding-bottom: 0.4em;
   }

   .third h4::after {
     width: 20%;
     height: 2px;
     left: 80%;
   }

   .third li {
     padding-bottom: 12px;
   }

   .third a {
     font-size: 13px;
   }

   .margin {
     margin-left: 20px;
   }

   .line {
     height: 2px;
   }
   /*---- KONEC KONTAKT POGLAVJA----*/
 }

 /*============= KONEC: EKRANI MAX VELIKOSTI 991PX =============*/
 /*============= ZACETEK: EKRANI MAX VELIKOSTI 767PX =============*/
 @media (max-width: 767px) {

   /*---- ZACETEK PRVEGA SLIDA----*/
   .carousel-caption {
     top: 44%;
   }

   .carousel-item h1 {
     font-size: 3.9rem;
     letter-spacing: .25rem;
   }

   .carousel-item h2 {
     font-size: 1.8rem;
   }

   /*---- KONEC PRVEGA SLIDA----*/
   /*---- ZACETEK DRUGEGA SLIDA----*/
   .carousel-item .novica h1 {
     font-size: 4.1rem;
     letter-spacing: 0.25rem;
     margin-bottom: .2rem;
   }

   .carousel-item .novica .novice {
     font-size: 1rem;
     padding-bottom: 2.5rem;
   }

   .novica .container .row {
     padding-left: 14%;
     padding-right: 14%;
   }

   .carousel-item .novica .news {
     top: 25%;
   }

   .novica .container .row .okvir .vsebina {
     padding-top: .8rem;
   }

   .novica .container .row .okvir .vsebina h3 {
     font-size: 1.1rem;
     padding-top: .3rem;
     padding-bottom: .3rem;
     letter-spacing: .1rem;
   }

   .novica .container .row .okvir .vsebina p {
     font-size: 1rem;
     letter-spacing: .05rem;
   }

   .novica .container .row .okvir .vsebina h4 {
     font-size: .4rem;
   }

   .novica .container .row .okvir .vsebina i {
     font-size: 2.5rem;
     padding-bottom: .05rem;
   }

   /*---- KONEC DRUGEGA SLIDA----*/
   /*---- ZACETEK TRETJEGA SLIDA----*/
   .carousel-item .teden {
     font-size: 3.8rem;
   }

   .beseda-tedna {
     top: 30%;
   }

   .beseda-tedna h3 {
     font-size: 2.9rem;
   }

   .beseda-tedna h4 {
     font-size: .8rem;
   }

   /*---- KONEC TRETJEGA SLIDA----*/
   /*---- ZACETEK AKADEMIJA POGLAVJA----*/
   h3.heading {
     font-size: 1.5rem;
   }

   .heading-underline {
     width: 6.5rem;
     height: .27rem;
   }

   .vsebina {
     padding-top: 1.7rem;
   }

   .vsebina h3 {
     font-size: 1rem;
     padding-top: .3rem;
     padding-bottom: .3rem;
     letter-spacing: .1rem;
   }

   .vsebina p {
     font-size: .8rem;
     letter-spacing: .05rem;
     padding-left: .4rem;
     padding-right: .4rem;
   }

   .vsebina i {
     font-size: 3.1rem;
     padding-bottom: .3rem;
   }

   /*---- KONEC AKADEMIJA POGLAVJA----*/
   /*---- ZACETEK DOGODKI POGLAVJA----*/
   .underline-dogodki {
     margin-bottom: .85rem;
     margin-top: .3rem;
   }

   .underline-dogodki1 {
     margin-top: .13rem;
     width: 2.6rem;
     height: .095rem;
   }

   .arhiv-dogodki {
     font-size: .9rem;
   }

   .odmik {
     padding: 2.8rem 1.6rem;
   }

   .dogodki img {
     margin: 2rem 2rem;
   }

   .besedilo-dogodki {
     padding: 0;
     font-size: .9rem;
   }

   blockquote i {
     margin: .4rem;
     font-size: 1rem;
   }

   .naslov-dogodka {
     font-size: 1.1rem;
   }

   .dogodki-hr {
     margin: .7rem 0;
   }

   /*---- KONEC DOGODKI POGLAVJA----*/
   /*---- ZACETEK PODATKI POGLAVJA----*/
   .skill h3 {
     font-size: 2.3rem;
     margin: .6rem 0 0.3rem;
   }

   .skill p {
     font-size: .9rem;
     margin-bottom: 1.4rem;
   }

   .skill i {
     font-size: 2.8rem;
   }

   /*---- KONEC PODATKI POGLAVJA----*/
   /*---- ZACETEK STORITVE POGLAVJA----*/
   .gumb {
     font-size: .8rem;
   }

   .naslov-storitev {
     font-size: 1.5rem;
   }

   .besedilo-storitev {
     font-size: 1rem;
   }

   .besedilo-storitev h4 {
     font-size: 1.3rem;
   }

   .naslovi-storitve {
     font-size: 1.4rem;
   }

   .besedilo-storitve {
     font-size: 1rem;
   }

   /*---- ZACETEK EKIPA POGLAVJA----*/
   .ekipa-slika {
     width: 40%;
     left: 0;
     right: 0;
     margin: 1.5rem auto 0;
   }

   .ekipa-slika img {
     padding: .8rem;
     border: 1px solid gray;
   }

   #ekipa .card-title {
     font-size: 1rem;
   }

   #ekipa .card-body {
     font-size: .8rem;
   }
   /*---- KONEC EKIPA POGLAVJA----*/

   /*---- ZACETEK STRANKE POGLAVJA----*/
   .odmik1 {
     margin-top: 1rem;
   }
   /*---- KONEC STRANKE POGLAVJA----*/

   /*---- ZACETEK KONTAKT POGLAVJA----*/
   .container-fluid {
     padding: 0 2.3rem;
   }

   .third {
     text-align: center;
     margin: 35px 0 45px;
   }

   .third h4 {
     letter-spacing: normal;
     margin-bottom: 18px;
     font-size: 1.4em;
     padding-bottom: 0.4em;
   }

   .third h4::after {
     width: 20%;
     height: 2px;
     left: 40%;
   }

   .third ul {
     padding: 0;
   }

   .third li {
     padding-bottom: 12px;
   }

   .third a {
     font-size: 13px;
   }

   .margin {
     margin: 0 3px;
   }

   .line {
     height: 2px;
   }

   .izgine {
     visibility: inherit;
   }
   /*---- KONEC KONTAKT POGLAVJA----*/
 }

 /*============= KONEC: EKRANI MAX VELIKOSTI 767PX =============*/
 /*============= ZACETEK: EKRANI MAX VELIKOSTI 575PX =============*/
 @media (max-width: 575px) {

   /*---- ZACETEK PRVEGA SLIDA----*/
   .carousel-caption {
     top: 45%;
   }

   .carousel-item h1 {
     font-size: 2.4rem;
     letter-spacing: 0.10rem;
   }

   .carousel-item h2 {
     font-size: 1.3rem;
     padding-bottom: 1rem;
   }

   /*---- KONEC PRVEGA SLIDA----*/
   /*---- ZACETEK DRUGEGA SLIDA----*/
   .carousel-item .novica h1 {
     font-size: 3.2rem;
     letter-spacing: 0.2rem;
     margin-bottom: .1rem;
   }

   .carousel-item .novica .novice {
     font-size: 0.9rem;
     padding-bottom: 2.5rem;
   }

   .novica .container .row {
     padding-left: 16%;
     padding-right: 16%;
   }

   .carousel-item .novica .news {
     top: 21%;
   }

   .novica .container .row .okvir .vsebina {
     padding-top: .6rem;
   }

   .novica .container .row .okvir .vsebina h3 {
     font-size: .9rem;
     padding-top: .25rem;
     padding-bottom: .25rem;
     letter-spacing: .06rem;
   }

   .novica .container .row .okvir .vsebina p {
     font-size: .8rem;
     letter-spacing: .03rem;
   }

   .novica .container .row .okvir .vsebina h4 {
     font-size: .35rem;
   }

   .novica .container .row .okvir .vsebina i {
     font-size: 2.1rem;
     padding-bottom: .05rem;
   }

   /*---- KONEC DRUGEGA SLIDA----*/
   /*---- ZACETEK TRETJEGA SLIDA----*/
   .carousel-item .teden {
     font-size: 3.3rem;
   }

   .beseda-tedna {
     top: 28%;
   }

   .beseda-tedna h3 {
     font-size: 2.4rem;
   }

   .beseda-tedna h4 {
     font-size: .7rem;
   }

   /*---- KONEC TRETJEGA SLIDA----*/
   /*---- ZACETEK AKADEMIJA POGLAVJA----*/
   h3.heading {
     font-size: 1.3rem;
   }

   .heading-underline {
     width: 6rem;
     height: .25rem;
   }

   .vsebina {
     padding-top: 1rem;
   }

   .vsebina h3 {
     font-size: .9rem;
     padding-top: .25rem;
     padding-bottom: .25rem;
     letter-spacing: .08rem;
   }

   .vsebina p {
     font-size: .7rem;
     letter-spacing: .05rem;
     padding-left: .35rem;
     padding-right: .35rem;
   }

   .vsebina i {
     font-size: 3rem;
     padding-bottom: .25rem;
   }

   /*---- KONEC AKADEMIJA POGLAVJA----*/
   /*---- ZACETEK DOGODKI POGLAVJA----*/
   .underline-dogodki {
     margin-bottom: .5rem;
      !important;
     margin-top: .25rem;
   }

   .underline-dogodki1 {
     margin-top: .1rem;
     margin-bottom: .2rem;
     width: 2.4rem;
     height: .09rem;
   }

   .arhiv-dogodki {
     font-size: .8rem;
   }

   .odmik {
     padding: .5rem 1rem;
   }

   .dogodki-slika {
     width: 70% !important;
     height: 70% !important;
     margin: auto;
   }

   .dogodki-slika img {
     margin: 1.5rem 0 1rem;
   }

   .besedilo-dogodki {
     padding: 0;
     font-size: .8rem;
     margin-top: 0;
   }

   blockquote i {
     margin: .3rem;
     font-size: .9rem;
   }

   .naslov-dogodka {
     font-size: 1rem;
   }

   .dogodki-hr {
     margin: .5rem 0;
   }

   /*---- KONEC DOGODKI POGLAVJA----*/
   /*---- ZACETEK PODATKI POGLAVJA----*/
   .skill h3 {
     font-size: 2.1rem;
     margin: .4rem 0 0.2rem;
   }

   .skill p {
     font-size: .8rem;
     margin-bottom: 1.2rem;
   }

   .skill i {
     font-size: 2.6rem;
   }

   /*---- KONEC PODATKI POGLAVJA----*/
   /*---- ZACETEK STORITVE POGLAVJA----*/
   .gumb {
     font-size: .7rem;
   }

   .naslov-storitev {
     font-size: 1.4rem;
   }

   .besedilo-storitev {
     font-size: .9rem;
   }

   .besedilo-storitev h4 {
     font-size: 1.2rem;
   }

   .naslovi-storitve {
     font-size: 1.3rem;
   }

   .besedilo-storitve {
     font-size: .9rem;
   }

   /*---- KONEC STORITVE POGLAVJA----*/

   /*---- ZACETEK EKIPA POGLAVJA----*/
   .ekipa-slika {
     width: 50%;
     left: 0;
     right: 0;
     margin: 1.5rem auto 0;
   }

   .ekipa-slika img {
     padding: .3rem;
     border: 1px solid gray;
   }

   #ekipa .card-title {
     font-size: .9rem;
   }

   #ekipa .card-body {
     font-size: .7rem;
   }
   /*---- KONEC EKIPA POGLAVJA----*/

   /*---- ZACETEK STRANKE POGLAVJA----*/
   .odmik1 {
     margin-top: 0rem;
   }
   /*---- KONEC STRANKE POGLAVJA----*/

   /*---- ZACETEK KONTAKT POGLAVJA----*/
   .container-fluid {
     padding: 0 2.3rem;
   }

   .second2 {
    margin: 1rem 0;
   }

   .second2 i {
     font-size: 1.2rem;
   }

   .third {
     text-align: center;
     margin: 20px 0 25px;
   }

   .third h4 {
     margin-bottom: 18px;
     font-size: 1.3em;
     padding-bottom: 0.4em;
   }

   .third h4::after {
     width: 20%;
     height: 2px;
     left: 40%;
   }

   .third ul {
     padding: 0;
   }

   .third li {
     padding-bottom: 12px;
     font-size: .7rem;
   }

   .third a {
     font-size: .6rem;
   }

   .margin {
     margin: 0 5px;
   }

   .line {
     height: 2px;
   }

   .izgine {
     visibility: inherit;
   }
   /*---- KONEC KONTAKT POGLAVJA----*/
 }

 /*============= KONEC: EKRANI MAX VELIKOSTI 575PX =============*/
 /*============= ZACETEK: EKRANI MAX VELIKOSTI 350PX =============*/
 @media (max-width: 350px) {

   /*---- ZACETEK PRVEGA SLIDA----*/
   .carousel-caption {
     top: 45%;
   }

   .carousel-item h1 {
     font-size: 2rem;
     letter-spacing: 0.05rem;
   }

   .carousel-item h2 {
     font-size: 1rem;
     padding-bottom: 1rem;
   }

   /*---- KONEC PRVEGA SLIDA----*/
   /*---- ZACETEK DRUGEGA SLIDA----*/
   .carousel-item .novica h1 {
     font-size: 2.1rem;
     letter-spacing: 0.15rem;
     padding-top: .5rem;
     margin-bottom: 0;
   }

   .carousel-item .novica .novice {
     font-size: 0.6rem;
     padding-bottom: 2.2rem;
   }

   .novica .container .row {
     padding-left: 17%;
     padding-right: 17%;
   }

   .carousel-item .novica .news {
     top: 20%;
   }

   .novica .container .row .okvir .vsebina {
     padding-top: .5rem;
   }

   .novica .container .row .okvir .vsebina h3 {
     font-size: .7rem;
     padding-top: .2rem;
     padding-bottom: .2rem;
     letter-spacing: .04rem;
   }

   .novica .container .row .okvir .vsebina p {
     font-size: .6rem;
     letter-spacing: .025rem;
   }

   .novica .container .row .okvir .vsebina h4 {
     font-size: .3rem;
   }

   .novica .container .row .okvir .vsebina i {
     font-size: 1.8rem;
     padding-bottom: .05rem;
   }

   /*---- KONEC DRUGEGA SLIDA----*/
   /*---- ZACETEK TRETJEGA SLIDA----*/
   .carousel-item .teden {
     font-size: 3rem;
   }

   .beseda-tedna {
     top: 27%;
   }

   .beseda-tedna h3 {
     font-size: 2rem;
   }

   .beseda-tedna h4 {
     font-size: .5rem;
   }

   /*---- KONEC TRETJEGA SLIDA----*/
   /*---- ZACETEK AKADEMIJA POGLAVJA----*/
   h3.heading {
     font-size: 1rem;
   }

   .heading-underline {
     width: 5.5rem;
     height: .2rem;
   }

   .vsebina {
     padding-top: .8rem;
   }

   .vsebina h3 {
     font-size: .8rem;
     padding-top: .2rem;
     padding-bottom: .1rem;
     letter-spacing: .06rem;
   }

   .vsebina p {
     font-size: .6rem;
     letter-spacing: .04rem;
     padding-left: .3rem;
     padding-right: .3rem;
   }

   .vsebina i {
     font-size: 2.3rem;
     padding-bottom: .2rem;
   }

   /*---- KONEC AKADEMIJA POGLAVJA----*/
   /*---- ZACETEK DOGODKI POGLAVJA----*/
   .underline-dogodki {
     margin-bottom: .1rem;
      !important;
     margin-top: .2rem;
   }

   .underline-dogodki1 {
     margin-top: .05rem;
     width: 2.2rem;
     height: .08rem;
   }

   .arhiv-dogodki {
     font-size: .6rem;
   }

   .odmik {
     padding: .1rem .5rem;
     margin-top: 0;
   }

   .dogodki-slika {
     width: 50% !important;
     height: 50% !important;
     margin: auto;
   }

   .dogodki-slika img {
     margin: 1.5rem 0 1rem;
   }

   .besedilo-dogodki {
     font-size: .5rem;
   }

   blockquote i {
     margin: .2rem;
     font-size: .7rem;
   }

   .naslov-dogodka {
     font-size: .8rem;
   }

   .dogodki-hr {
     margin: .3rem 0;
   }

   /*---- KONEC DOGODKI POGLAVJA----*/
   /*---- ZACETEK PODATKI POGLAVJA----*/
   .skill h3 {
     font-size: 1.9rem;
     margin: .2rem 0 0.1rem;
   }

   .skill p {
     font-size: .7rem;
     margin-bottom: 1.2rem;
   }

   .skill i {
     font-size: 2.4rem;
   }

   /*---- KONEC PODATKI POGLAVJA----*/
   /*---- ZACETEK STORITVE POGLAVJA----*/
   .gumb {
     font-size: .6rem;
   }

   .naslov-storitev {
     font-size: 1.1rem;
   }

   .besedilo-storitev {
     font-size: .7rem;
   }

   .besedilo-storitev h4 {
     font-size: .9rem;
   }

   .naslovi-storitve {
     font-size: 1rem;
   }

   .besedilo-storitve {
     font-size: .7rem;
   }

   /*---- KONEC STORITVE POGLAVJA----*/

   /*---- ZACETEK EKIPA POGLAVJA----*/
   .ekipa-slika {
     width: 50%;
     left: 0;
     right: 0;
     margin: 1.2rem auto 0;
   }

   .ekipa-slika img {
     padding: .3rem;
     border: 1px solid gray;
   }

   #ekipa .card-title {
     font-size: .8rem;
   }

   #ekipa .card-body {
     font-size: .6rem;
   }
   /*---- KONEC EKIPA POGLAVJA----*/

   /*---- ZACETEK STRANKE POGLAVJA----*/
   /*---- KONEC STRANKE POGLAVJA----*/

   /*---- ZACETEK KONTAKT POGLAVJA----*/
   .second2 {
    margin: .8rem 0;
   }

   .second2 i {
     font-size: .9rem;
   }

   .third {
     margin: 15px 0 20px;
   }

   .third h4 {
     margin-bottom: 15px;
     font-size: 1em;
     padding-bottom: 0.4em;
   }

   .third ul {
     padding: 0;
   }

   .third li {
     padding-bottom: 12px;
     font-size: .6rem;
   }

   .third a {
     font-size: .5rem;
   }

   .margin {
     margin: 0 5px;
   }

   .line {
     height: 2px;
   }

   .izgine {
     visibility: inherit;
   }
   /*---- KONEC KONTAKT POGLAVJA----*/
 }