body {
    background-image: url("../img/bg_general.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}
	.body_index {
		background-image: url("../img/bg_index.jpg");
	}

.top_logo {
	height: auto;
	background-image: url("../img/top_logo_left.png");
	background-repeat: no-repeat;
	background-position: left top;
}

.logo_mobile {
	display: none !important;
}

.img_logo {
	padding-left: 38px;
}

.top_motto {
	height: auto;
}

.img_motto {
	padding-left: 10px;
}

.navbar-custom {
    background-color: #dfe0e0;
	border-color: transparent;
}

.navbar-custom .navbar-nav > li:first-child > a {
	margin-left: 10px;
	padding-left: 26px;
	padding-right: 26px;
}

.navbar-custom .navbar-nav > li > a {
   color: #000;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #292929;
}

.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
    color: #292929;
}

.my_jumbotron {
	margin-top: 33px;
	background: rgba(200, 200, 200, 0.2);
	margin-left: 4%;
	margin-right: 29%;
}
	.jb_title { 
		font-family: 'champagne__limousinesitalic', Arial, Helvetica, sans-serif; 
		color: #292929;
		font-size: 54px !important;
		margin-top: -27px;
	}
		
	.jb_regular { 
		font-family: 'champagne__limousinesregular', Arial, Helvetica, sans-serif; 
		color: #292929;
		font-size: 34px !important;
		padding-top: 5px;
		line-height: 1.2;
		margin-top: -20px;
	}
	
	.jb_regular_last { 
		font-family: 'champagne__limousinesregular', Arial, Helvetica, sans-serif; 
		color: #292929;
		font-size: 34px !important;
		padding-top: 5px;
		line-height: 1.2;
	}
		
	.jb_italic { 
		font-family: 'champagne__limousinesitalic', Arial, Helvetica, sans-serif; 
		color: #292929;
		font-size: 34px !important;
		margin-top: -10px;
		margin-right: 12px;
	}


@media (max-width: 767px) {
	/* mobil, tableta */
	body {
		background-image: none;
	}
		.body_index {
			background-image: none;
		}
	
	.top_logo {
		display: none !important;
	}
	
	.top_motto {
	  display: none !important ;
	}
	
	.logo_mobile {
		display: inherit !important;
	}
	
	.only_desktop {
		display: none !important;
	}
	
	.my_jumbotron {
		margin-left: 0;
		margin-right: 0;
	}
 
}

@media (min-width: 768px) {
	/* desktop */
	
	/* navigation */
	.navbar-custom {
		background-color: transparent;
		background-image: url("../img/top_mnu_left.png");
		background-repeat: no-repeat;
		background-position: -1px -1px;
		border-color: transparent;
		padding-top: 0;
		margin-top: 0;
	}

	.navbar-custom .navbar-nav > li > a {
		font-family: 'champagne__limousinesregular', Arial, Helvetica, sans-serif;
		font-size: 17px;
		text-decoration: none;
		font-weight: normal;
		color: #292929;
	}

	.navbar-custom .navbar-nav > li > a:hover,
	.navbar-custom .navbar-nav > li > a:focus {
		color: #292929;
		background-color: transparent;
		background-image: url("../img/arrowmnu.png");
		background-repeat: no-repeat;
		background-position: 50% 90%;
	}

	.navbar-custom .navbar-nav > .active > a, 
	.navbar-custom .navbar-nav > .active > a:hover, 
	.navbar-custom .navbar-nav > .active > a:focus {
		color: #292929;
		background-color: transparent;
		background-image: url("../img/arrowmnu.png");
		background-repeat: no-repeat;
		background-position: 50% 89%;
	}
	/* end navigation */
	
	/* hide dropdown class */
	.my_dropdown {
		display: none !important;
	}
	
	.only_desktop {
		display: inherit !important;
	}
 
}

/* paddings */
@media (min-width: 1365px) {

	.navbar-custom .navbar-nav > li:first-child > a {
		margin-left: 10px;
		margin-right: 24px;
		padding-left: 26px;
		padding-right: 26px;
	}
	
	.navbar-custom .navbar-nav > li > a {
		margin-left: 10px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.navbar-custom .navbar-nav > li:last-child > a {
		padding-left: 2px;
		padding-right: 2px;
		margin-left: 45px;
	}

}

@media (min-width: 1195px) and (max-width: 1364px) {
	.navbar-custom .navbar-nav > li > a {
		padding-right: 41px;
		padding-left: 41px;
	}
	
	.img_motto {
		padding-left: 40px;
	}
}

@media (min-width: 1025px) and (max-width: 1194px) {
	.navbar-custom .navbar-nav > li > a {
		padding-right: 31px;
		padding-left: 31px;
	}
	
	.my_jumbotron {
		margin-right: 5%;
	}
	
	.img_motto {
		padding-left: 40px;
	}
}

@media (min-width: 880px) and (max-width: 1024px) {
	.navbar-custom .navbar-nav > li > a {
		padding-right: 21px;
		padding-left: 21px;
	}
	
	.my_jumbotron {
		margin-right: 5%;
	}
	
	.img_motto {
		padding-left: 80px;
	}
}

@media (min-width: 768px) and (max-width: 879px) {
	.my_jumbotron {
		margin-right: 5%;
	}
	.img_motto {
		padding-left: 110px;
	}
	.navbar-custom .navbar-nav > li:first-child > a {
		margin-left: 26px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-custom .navbar-nav > li:last-child > a {
		padding-left: 1px;
		padding-right: 1px;
		margin-left: 8px;
	}
}

@media (max-width: 768px) {
	.navbar-custom .navbar-nav > li.active > a {
		color: white;
	}
	
	.navbar-custom .navbar-nav > li.active > a:hover {
		color: #eeeeee;
	}
}