.cover{
	margin: 0;
	width: 100%;
}

.navbar-nav li{
	border-right : 2px solid #D47C08;
	margin-right: 40px;
	padding-right: 40px;
}


.navbar-nav li:last-child{
	border-right : none;
}

.navbar-light .navbar-nav .nav-link{
	color: #D47C08;
}

.navigacija {
	border-bottom: 2px solid #c9c9c9;
	font-size: 1.2em;	
}

p{
	font-family: 'Droid Sans', sans-serif;
}

.navbar-light .navbar-toggler {
	 border-color: #D47C08;	 
}

.navbar-light .navbar-nav .nav-link:hover{
	color: white;
	background-color: #D47C08;
}




.logo{
	margin-right:100px;
}


.header h1{
	color: white;
	font-family: 'Pacifico', cursive;
	font-size: 7.5em;
}

.header p{
	color:white;
	font-size: 1.3em;
}


/*About*/
.about {
	
	text-align: center;
	border-bottom: 2px solid #c9c9c9;
}

#onama {
	border-top: 2px solid blue;
}

.row {
	margin-top: 50px;
}

.about h1{
	font-size: 2em;
	color: #D47C08;
	padding: 0 0 25px;
}

.about p{
	margin-left: 60px;	
	padding: 30px;
	font-size: 1.2;
	border: 2px solid #D47C08;
	border-radius: 100px;
	
	
}

/* Usluge */

.usluge {
	padding: 50px 0 50px;
	text-align: center;
	border-bottom: 2px solid #c9c9c9;
}

.usluge h1{
	font-size: 2em;
	color: #D47C08;
	padding: 0 0 25px;
}

article {
	border: 2px solid #D47C08; 
	padding-top: 5px;
	text-align: left;
}

.card {
	border: none;
}

.btn-primary{
	color: #D47C08;
	background-color: white;
	border: 1px solid #D47C08;
}

.btn-primary:hover{
	color: white;
	background-color: #D47C08;
	border: 1px solid white;
}

/* Usluge */



/*slike*/

.slike{
	padding: 50px 0 50px;	
	text-align: center;
	border-bottom: 2px solid #c9c9c9;	
}

.slike h1{
	font-size: 2em;
	color: #D47C08;
	padding: 0 0 25px;	
}

* {
  box-sizing: border-box;
}

.container {
  position: relative;
}

/*slike*/

/* contact*/

.contact {
	padding: 50px 0 50px;
	text-align: center;
}

.contact h1{
	font-size: 2em;
	color: #D47C08;
	padding: 0 0 25px;	
}

.contact .fa {
	color:#1c3f5c;
	
}

.contact li {
	padding-top: 40px;
}
/* contact*/



/* footer */

.footer{
	background-color: #242424;
	color: white;
	text-align: center;
	
}

.footer .container .row .col {
	margin-top: 10px;
}

.footer h1{
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
}

.footer p{
	font-size: 0.9em;
	color: #f2f2f2;
}

.footer a{
	color: #f2f2f2;
}


/* Slajder za slike */

/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 072 css*/
        .jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
        .jssorb072 .i .b {fill:#fff;opacity:.3;}
        .jssorb072 .i:hover {opacity:.7;}
        .jssorb072 .iav {color:#fff;}
        .jssorb072 .iav .b {fill:#000;opacity:.5;}
        .jssorb072 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}

/* Slajder za slike */


@media(max-width: 768px){
	
	.header{
		text-align:center;
		padding-top: 20%;
	}
	.header h1{
		font-size:5em;
	}
	.header p{
		font-size: 1em;
	}
	.header .btn{
		padding:5px 12px 5px 12px;
	}
	.header img{
		padding-top:10%;
	}
}