/* start opste */
@font-face {
    font-family: 'Raleway';
    src: url("../fonts/Raleway-Regular.ttf") format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url("../fonts/Oswald-Regular.ttf") format('truetype');
    font-weight: normal;
}
#body p{
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 28px;
    color: white;
}
html {
    scroll-behavior: smooth;
}  
a{
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 10px;
    color: white;
}
#body h1{
    font-family: 'Oswald', sans-serif ;
    font-size: 47px;
    line-height: 59px;
    color: white;
}
#body h2{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 33px;
    color: white;
    font-weight: 400;
}
#body h3{
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    line-height: 33px;
    color: white;
    font-weight: 400;
}
/* end opste */
/* navbar start */
nav.navbar.navbar-expand-lg.navbar-dark{
    background-color: rgb(25, 25, 25);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#navbarSupportedContent a{
    color: white;
    text-decoration: none;
}
#navbarSupportedContent a:hover{
    color: rgb(146, 146, 146);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

#navbarSupportedContent {
    justify-content: flex-end;
} 
.dropdown-menu.show{
    background-color: rgb(25, 25, 25);
}
#logo{
    height: 50px;
}
/* end navbar */
/* start home */
#naslov{
    text-align: center;
    margin-top: calc(30vh) ;
}
.blackcf{
    background-color: rgb(34, 34, 34);
}
#home{
    height: calc(100vh - 50px - 2rem);
    position: relative;
}
    /* mouse */
        .middle{
            position: absolute;
            bottom:10px;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .mouse{
            width: 30px;
            height: 55px;
            border: 4px solid white;
            border-radius: 60px;
        }
        .mouse::before{
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 10px;
            background: white;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 50%;
            opacity: 1;
            animation: mouse 2s infinite;
        }
        @keyframes mouse {
            from{
            opacity: 1;
            top: 10px;
            }
            to{
            opacity: 0;
            top: 32px;
            }
        }
    /* mouse */
    /* opis */
    .lightcf{
        background-color: rgb(42, 42, 42);
    }
    #uber {
        padding-top: 20px;
    }
    #uber .naslovdiv{
        margin-bottom: 20px;
        margin-top: 30px;
    }
    #uber .naslovdiv.prvi{
        margin-bottom: 20px;
        margin-top: 0px;
    }
    #uber div.col-12.col-lg-4.text-center{
        padding: 10px;
    }
    #uber div.unutrasnji{
        background-color: rgb(34, 34, 34);
    }
    #uber img{
        padding: 10px;
    }
    #uber div.unutrasnji .tekst{
        height: 150px;
    }
    /* .imgdiv{
        width: 360px; 
    } */
    .img-fluidd{
        height: 100%;
        width: auto;
    }
    #uber div.unutrasnji2{
        background-color: rgb(34, 34, 34);
        padding: 15px;
        padding-bottom: 5px;
    }
    /* end opis */
    /* kontakt */
    .kontakt2 .fields .col-12 a{
        color: white;
        text-decoration: none;
        display: block;
        padding:80px 0;
    }
    .kontakt2 .fields .col-12 a#adresa{
        color: white;
        text-decoration: none;
        display: block;
        padding-top:40px;
        padding-bottom:37px;
    }
    .kontakt2 .fields .col-12{
        text-align: center;
        position: relative;
    }
    .kontakt2 .fields .col-12 a:hover{
        background-color: white;
        color: black;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
    }
    body#body .kontakt2 .fields .col-12 a:hover h2,
    body#body .kontakt2 .fields .col-12 a:hover p{
        color: black !important;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
    }
    #footer{
        background-color: rgb(25, 25, 25);
    }

    @media (max-width:991px){
li.nav-item a.nav-link{
    line-height: 2;
}
.postani p{
    text-align: center;
    padding:25px 0;
}
#p1{
    padding-bottom: 10px;
}
.postani #p2{
    text-align: center;
    padding-bottom: 40px;
}
    }



    .postani{
        background-color: red;
        padding-top: 25px;
        padding-bottom: 15px;
    }
    .postani .col-12.col-lg-9{
        padding-left: 0;
    }
    .postani a{
        margin:20px 0;
        padding:18px 15px;
        color:black;
        background-color:white ;
        border-radius: 4px;
    
    }
    .postani a:hover{
        text-decoration: none;
        color: white;
        background-color: black;
        transition: 0.2s;
    }
    .postani .col-12.col-lg-3{
        margin-right: 0;
        padding-right: 0;
    }
    #body #p1{
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        line-height: 33px;
        color: white;
        font-weight: 400;
    }
    #p2{
        text-align: right;
    }
    .postani .peding{
        padding-right:20px !important;
        padding-top: 5px;
    }