header{
 
    font-family: courier;
    background-color: lightgray;
    padding-bottom: 20px;
}


header .nav-link {
   color: white;
   font-size: 30px;
   margin-top: 15px;
}

.naslov{
   text-align: center;
   margin: 3% auto 2% auto;
   border-bottom: 1.5px solid 	rgb(99, 91, 91);
   width: 30%;
}
.responsive{
     max-width: 80%;
     display: block;
     margin: 10% auto 10% auto;
     box-shadow: 9px 9px 7px gray;
}



header ul li {
   padding: 15px;
}

body p{
   text-align: center;
}
body{
   background-color: white;
   margin: 0;
}

header ul li a{
   -webkit-transition: .5s all ease;
   -moz-transition: .5s all ease;
   transition: .5s all ease;
}

/* Footer */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section {
   padding: 40px 0;
}

section .section-title {
   text-align: center;
   color: #007b5e;
   margin-bottom: 30px;
   text-transform: uppercase;
}
#footer {
   background: #007b5e !important;
}

#footer a {
   color: #ffffff;
   text-decoration: none !important;
   -webkit-text-decoration-skip: objects;
}

#footer ul.social li a i {
   margin-right: 5px;
   -webkit-transition: .5s all ease;
   -moz-transition: .5s all ease;
   transition: .5s all ease;
}
#footer ul.social li:hover a i {
   margin-top:-10px;
}

#footer ul.quick-links li{
   padding: 3px 0;
   -webkit-transition: .5s all ease;
   -moz-transition: .5s all ease;
   transition: .5s all ease;
}
#footer ul.quick-links li:hover{
   padding: 3px 0;
   margin-left:5px;
   font-weight:700;
}

section p {
   text-align: center; 
   font-size: 20px;
   color: white;
}



@media (max-width:767px){
   #footer h5 {
   padding-left: 0;
   border-left: transparent;
   padding-bottom: 0px;
   margin-bottom: 10px;
}
}
/* Footer */

.logo{
	width: 77px;
	height: 111px;
    float: left;
    margin-top: 0.5%;
    margin-left: 10%;
    margin-right: -10%;
}





.slika-cvijet{
   max-width: 80%;
   display: block;
   box-shadow: 9px 9px 7px gray;
   margin: 5% auto 0 auto;
}

.slika-lisce{
   max-width: 80%;
   display: block;
   box-shadow: 9px 9px 7px gray;
   margin: 3% auto 5% auto;
}

.slika{
	width: 50%;
}

.slika1{
	width: 33%;
}

.crta{
	margin-bottom: 1%;
	width: 50%;
	margin: auto;
	
}

.priroda-sadrzaj{
	text-align: center;
	font-size: 2vw;
	font-family: 'Times New Roman', Times, serif;
	width: 85%;
	margin: auto;
	border-bottom: solid rgb(184, 184, 184) 1.5px;
	padding: 0.7%;
}  


.slika{
	width: 50%;
}

.slika1{
	width: 33%;
}

.slika-cigara{
	width: 80%;
	display: block;
	box-shadow: 9px 9px 7px gray;
	margin: 5% auto 0 auto;
}

.slika-laura{
	width: 80%;
	display: block;
	box-shadow: 9px 9px 7px gray;
	margin: 3% auto 5% auto;
}




@media (max-width:600px){
	.logo {
		position: absolute;
		float: none;
		margin-top:  1%;
		margin-left: 38.5%;
		margin-right: 60%;
}

.justify-content-center{
	transform: translateY(90%);
}
.second{
	transform: translateY(10%);
}
.crta{
	margin-top: 25% ;
}


.nav li{
	margin: auto;
	padding: 0;
	width: 50%;
}
.nav li {
	margin: auto;
	padding: 0;
	text-align: center;
}

.nav li strong{
	font-size: 6vw;
}

.carousel-caption{
	margin-bottom:-5%;
	margin-top: 10%;
}

header .nav-link{
	margin-top: 0;
	padding: 0;
}

.slika{
	width: 100%;
}

.slika1{
	width: 100%;
}

.slika2{
	width: 100%;
}

.slika3{
	width: 100%;
}



#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}