@charset "UTF-8";
/* CSS Document */
/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}

ul.nav, .jumbotron h1 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
}

footer {
	background-color:#BE1E2D;
	padding-top:050px;
	padding-bottom:30px;
	position:relative;
}

.kontakt {
	color:#fff;
	padding-lefT:7px;
	padding-top:25px;	
}
.navbar-language {
	color:#ccc;
}
.jumbotron {
	text-align: center;
	color: white;
	background-image: url(../images/Hero-Image.jpg);
	background-position:center top;
	
}

ul.nav {
	font-size:13px;
}

#dejavnosti {
	background-color:#f5f5f5;
}

#vsebina {
	background-color:#ffffff;
}


.jumbotron h1 {
	margin-top:0px;
	margin-bottom:00px;
}
.jumbotron p {
	margin-bottom:00px;
	padding: 0px 100px;
}

.modal-content iframe {
	margin-top:15px;
	margin-bottom:10px;
}

button.close {
	position:absolute;
	top:10px;
	right:10px;
	opacity:1;
	background-color:#fff;
	width:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:20px;
	padding-bottom:3px;
}

.btn-lg {
	font-size: 36px;
}

.homepage {
	text-align:center;
	font-size:20px;
	font-weight:300;
	padding-top:00px;
	padding-bottom:30px;
}

.homepage vsebina {
	text-align:left;
	font-size:20px;
	font-weight:300;
	padding-top:00px;
	padding-bottom:30px;
}

.homepage h2 {
	color:#BE1E2D;
	font-family: "Titillium Web", sans-serif;
	font-weight:400;
	text-transform:uppercase;
}
.homepage h3 {
	color:#BE1E2D;
	font-family: "Titillium Web", sans-serif;
	font-weight:400;
	text-transform:uppercase;
}

.homepage a {
	color:#BE1E2D;
	
}
.homepage hr {
	border-color:#BE1E2D;
	width:150px;
	margin:15px auto;
}

/* responsive styling */

@media (max-width: 1199px) {
	.jumbotron h1 {
		font-size: 56px;
		margin-bottom: 30px;
	}

}

@media (max-width: 991px) {
	.jumbotron h1 {
		font-size: 56px;
	}
	.jumbotron p {
		padding: 0px 10px;	
	}
	#get-involved {
		padding-top:20px;
		padding-bottom:20px;
	}
	#mainlogo {
		width:350px;
	}
}
@media (max-width: 767px) {
	.jumbotron h1 {
		font-size: 44px;
	}
	.jumbotron p {
		font-size:16px;
		padding: 0px;	
	}
	.btn.lg {
		font-size:18px;
	}
	.homepage p {
		font-size:18px;
	}
	footer img {
		width:280px;
	}
}

.back-to-top {
	position:absolute;
	bottom:20px;
	right:30px;
}

.back-to-top a {
	color:#333;
}