.navigacija {
    background-color: white;
    border-bottom-style: solid ;
    border-bottom-color: #E6E6E7;
    border-bottom-width: 0.5px;
}
.navigacija li a {
    font-size: 13pt;
}
.navbar {
    margin-top: 0.5%;
    border-bottom-style: 0.5px;
}
.social li a i {
    color: grey;
}

/*..................Navbar...................*/

.secNavbar {
	background-color: grey;
  	float: right;
  	margin-top: 0.5%;
}
.secNavbar a i {
	float: right;
	color: white;
	margin-top: 0.8%;
	margin-bottom: 0.8%;
	margin-left: 2%;
	font-family: 'Quicksand', sans-serif;

}
/*..................Second Navbar...................*/

.slogan2 {
    font-family: 'Yellowtail', cursive;
}

/*..................................................................................................................................*/

@media only screen and (max-width:568px){  /*.............Malo..........*/
.naslovna1 {
    display: none;
    }
.naslovnamid {
    display: none;
}
.centered {
    color: grey;
    background-color: white;
    opacity: 0.5;
    position: absolute;
    margin-top: -30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5vw;
}
.stampano {
    font-size: 3vw;
}
.pisano {
    font-size: 1vw;
}
}

 /*..................................................................................................................................*/

@media screen and (max-width: 950px) and (min-width: 568px) {  /*.............Srednje..........*/
.naslovna1 {
    display: none;
  }
.naslovna2 {
    display: none;
  }
.centered {
    color: grey;
    background-color: white;
    position: absolute;
    margin-top: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.stampano {
    font-size: 5vw;
}
.pisano {
    font-size: 3vw;
    margin-top: -4%;
}
}
 
/*..................................................................................................................................*/

 @media only screen and (min-width:951px){  /*.............Veliko..........*/
.naslovna2 {
    display: none;

    }
.naslovnamid {
    display: none;
}
    .centered {
    color: grey;
     position: absolute;
    margin-top: -20%;
    left: 25%;
    transform: translate(-50%, -50%);
    
}
.stampano {
    font-size: 4vw;
}
.pisano {
    font-size: 2.5vw;
    margin-top: -4%;
}
}

.pisano {
    font-family: 'Yellowtail', cursive;
}
.stampano {
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

/*..................................................................................................................................*/


/*..................Naslovna...................*/


.icons {
	margin-top: 1%;
}
.donjitekst {
	font-family: 'Poppins', sans-serif;
}
.polje {
	background-color: grey;
    color: white;
	border-color: white;
	border-right-style: solid;
	border-right-color: white;

	border-bottom-style: solid;
	border-bottom-color: white;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
}
.polje:hover {
	background-color: #606060;

	border-color: white;
	border-right-style: solid;
	border-right-color: white;

	border-bottom-style: solid;
	border-bottom-color: white;
    transform: scale(1.015);
    width: 100%;
}
.card-text {
	color: grey;
}



/*.......ikonice...........*/

.kontaktirate {
    margin-top: 3%;
}
.proizvodi {
    margin-top: 2%;
}
.prvired {
    padding-top: 2%
}
.drugired {
    padding-top: 2%;
}

.title {
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px
}
.content {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow: hidden
}
.content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}
.content:hover .content-overlay {
    opacity: 1
}

.content-image {
    width: 120%
}

.proizvod {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0px
}
.content-details {
    position: absolute;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 100%;
    top: 40%;
    left: 40%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}
.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}
.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase
}
.content-details p {
    color: #fff;
    font-size: 0.8em
}
.fadeIn-bottom {
    top: 80%
}
/*............Proizvodi...............*/


.jumbo1 {
        font-family: 'Quicksand', sans-serif;
        color: grey !important;
        margin-top: 5%;
}

.jumbo2 {
            font-family: 'Quicksand', sans-serif;
        color: grey !important; 
        margin-top: 1%;
        margin-bottom: 5%;
}

.fa-facebook {
    color: grey;
}
.fa-facebook:hover {
    white: grey;
    opacity: 0.5;
}

.fa-instagram {
    color: grey;
}
.fa-instagram:hover {
    white: grey;
    opacity: 0.5;
}

.fa-linkedin {
    color: grey;
}
.fa-linkedin:hover {
    white: grey;
    opacity: 0.5;
}
/*..............Jumbotron...........*/

.slika1  {
    padding-top: 1.2%;
}
.slika1 :hover{
    opacity: 0.6;
     filter: grayscale(100%);
}
/*............Galerija...............*/


.jumbo11 {
            font-family: 'Quicksand', sans-serif;
        color: grey;
        margin-top: 5%;
}

.jumbo22 {
            font-family: 'Quicksand', sans-serif;
        color: grey;
        margin-top: 1%;
        margin-bottom: 5%;
}
.spanovi {
    margin: 0 auto;
    text-align: center;
    color: grey;
}
.spanovi i {
    margin-left: 2%;
    margin-top: 2%;
}

/************Jumbotron******************/




.footer {
    background-color: grey;
    margin-top: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.text {
    text-align: center;
    color: white;
    font-family: 'Poppins', sans-serif;
    margin-top: 0.5%;
}

.text p h4{
    margin-left: 5%;
}
.spanovi1 i {
    color: white;
    margin-left: 0.5%;
}
.linksajt {
    margin-top: 1%;
}
.otisak {
    font-family: 'Yellowtail', cursive;
}