/* ===========================================================
 * Filename: responsive.css
 * Version: 0.3
 * Project:	~
 * Author: web360
 * =========================================================== */

@media (min-width: 992px) {
	.lenta {
		width: 100%;
		height: auto;
	}
	.uzu {
		width: 70%;
		height: auto;
	}
	#row.container {
		display: flex;
	}
	.flex {
		display: flex;
	}
	header {
		min-height: 100vh;
		background: url(../images/backgrounds/home1.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.slide-down {
		cursor: pointer;
	}
	.p1 {
		margin-top: 88px;
		width: 448px;
		height: auto;
		margin-left: 20%;
	}
	.p2 {
		margin-top: 183.5px;
		width: 634px;
		height: auto;
	}
	.p3 {
		margin-top: 360px;
		width: 490px;
		height: auto;
	}
	.p4 {
		margin-top: 360px;
		margin-bottom: 72px;
		padding-right: 72px;
		padding-left: 72px;
	}
	.quote {
		padding-top: 546px;
	}
	#zasto-donirati .quote,
	#pravne-osobe .quote,
	#doniranje-hrane .quote {
		padding-top: 60px;
	}
	.form-group.subject {
		margin-left: 4em;
	}
	.eu-footer {
		margin-top: 146px;
		margin-bottom: 48px;
	}
	footer {
		margin-top: 0;
	}
	.button_container {
		display: none;
	}
}

@media (max-width: 992px) {
	header {
		min-height: 100vh;
		background: url(../images/backgrounds/home-mobile.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.uzu {
		width: 80%;
		height: auto;
		display: block;
		margin-top: 24px;
		margin-left: auto;
		margin-right: auto;
	}
	#overlay img {
		width: 95px;
		height: auto;
		margin-left: 44px;
		margin-top: 13px;
	}
	#people-section a.btn {
		margin-bottom: 24px;
	}
	#hiz-opis img {
		margin-top: 24px;
	}
	.align-center-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex-mobile {
		display: flex;
	}
	#partneri img {
		max-width: 286px;
	}
	#partneri .middle {
		margin-top: 32px;
		margin-bottom: 0;
	}
	#partneri .col-lg-4.col-sm-12.col-12 {
		padding-left: 0;
	}
	#problematika img {
		margin-bottom: 400px;
	}
	footer {
		margin-top: 48px;
	}
	footer p {
		width: 79.95px;
		line-height: 2.5;
		margin-bottom: 0;
		margin-right: 16px;
	}
	footer ul {
		line-height: 2.5;
	}
	footer ul li a {
		padding: 0;
		padding-left: 16px;
	}
	footer .flex-mobile {
		margin-bottom: 32px;
	}
	footer.bg-primary {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.third,
	footer .flex-mobile.third,
	footer .flex-mobile.third li.third {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (min-width: 576px) {
	#navbar-mobile {
		display: none;
	}
	#contact .contact-mobile {
		display: none;
	}
	#contact .col-lg-5 p {
		color: white;
	}
}

@media (max-width: 1000px) {
	.logo {
		display: none;
	}
	p.home-text {
		text-shadow: 1px 1px 1px white;
	}
	.scroll-down {
		display: none;
	}
	#doniranje-hrane .elementi {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#doniranje-hrane .odjeljak1 {
		padding-top: 24px;
		padding-bottom: 24px;
		background: url(../images/backgrounds/hrana.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#doniranje-hrane .odjeljak {
		display: none;
	}
	.elementi {
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	.prepoznatljivost {
		display: block;
		margin: 0 auto;
		margin-top: 32px;
	}
	.utjecajnost-vaznost {
		margin-top: 32px;
	}
	.vaznost {
		display: block;
		margin: 0 auto;
		margin-top: 32px;
	}
}

@media (min-width: 1000px) {
	#problematika {
		background-image: url(../images/backgrounds/country-left.png), url(../images/backgrounds/country-right.png);
		background-size: auto 1540px;
		background-position: left top, /* this positions the first image */
		right bottom;
		/* this positions the second image */
		background-repeat: no-repeat;
		/* this applies to both images */
	}
	.fixed {
		position: fixed;
	}
	#doniranje-hrane .elementi {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: -7%;
	}
	.navbar-scroll {
		background-color: rgb(255, 255, 255, 0.95);
		padding-top: 16px;
		border-bottom: 1px solid #ecaba3;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.navbar-scroll .logo {
		width: 60px;
		height: auto;
		position: absolute;
		top: 16px;
		background-color: rgb(255, 255, 255, 0.9);
		border-radius: 50%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}

@media (max-width: 576px) {
	#overlay img {
		width: 48px;
		height: auto;
		margin-left: 5%;
		margin-top: 3%;
	}
	body {
		font-size: 11px;
	}
	.container {
		max-width: 286px;
		padding: 0;
	}
	.hide-mobile {
		display: none;
	}
	img.logo {
		display: none;
	}
	h1.home-maintext {
		padding-top: 46px;
		padding-bottom: 16px;
		margin-bottom: 0;
		line-height: 1.5;
		font-size: 38px;
	}
	section {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	a.btn {
		font-size: 9px;
	}
	#hiz-opis .col-lg-4 {
		display: none;
	}
	#hiz-opis h3 {
		margin: 0;
	}
	#hiz-opis h4 {
		margin-top: 16px;
		margin-bottom: 8px;
	}
	#hiz-opis a.btn {
		margin-left: auto;
		margin-right: auto;
	}
	.align-center-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex-mobile {
		display: flex;
	}
	#partneri img {
		max-width: 286px;
	}
	#partneri .middle {
		margin-top: 32px;
		margin-bottom: 0;
	}
	#partneri .col-lg-4.col-sm-12.col-12 {
		padding-left: 0;
	}
	#problematika img {
		margin-top: 120px;
		margin-bottom: 120px;
	}
	/*o nama*/
	#about .col-lg-5 {
		margin-top: 56px;
	}
	.elementi {
		width: 100%;
		height: 100%;
	}
	h1.title.other {
		padding-top: 0;
	}
	#people .elementi {
		max-width: 100%;
	}
	.quote-icon {
		width: 32px;
		height: auto;
		margin-top: 64px;
	}
	#people .col-lg-4 {
		margin-top: 56px;
	}
	#news .slika {
		margin-top: 48px;
	}
	#news .last {
		margin-bottom: 110px;
	}
	#news.single .naziv {
		margin-top: 56px;
	}
	#news.single .podnaslov {
		max-width: 100%;
	}
	#news.single .tekst {
		max-width: 100%;
	}
	.odjeljak {
		margin-top: 58px;
	}
	.faq .plus-minus-toggle {
		right: -16px;
	}
	#faq hr {
		width: 102%;
	}
	#contact .contact-bg {
		display: none;
	}
	#contact #row.container {
		margin-top: 0;
	}
	#contact .col-lg-7 {
		position: absolute;
		top: 0;
		left: 0;
		background: none;
	}
	#contact .col-lg-5 {
		background: none;
	}
	#contact .col-lg-5 p {
		font-size: 1.414em;
	}
	#contact .col-lg-5 img {
		display: block;
		margin: 0 auto;
		width: 32px;
		height: auto;
	}
	#contact .col-lg-5 p {
		margin-left: 0;
		margin-top: 8px;
		text-align: center;
	}
	#contact .col-lg-7,
	#contact .col-lg-5 {
		padding: 40px;
	}
	#contact .col-lg-5 {
		padding-bottom: 0;
	}
	.form-control {
		background: none;
	}
	.form-control:focus {
		background: none;
	}
	/*Footer*/
	.logo-white {
		margin-left: 16px;
		margin-top: 16px;
	}
	.p4 {
		margin-bottom: 32px;
		padding: 0;
	}
	h1.title {
		margin-top: 56px;
		font-size: 25px;
		padding-top: 0;
	}
/* ===========================================================
 * Filename: responsive.css
 * Version: 0.3
 * Project:	~
 * Author: web360
 * =========================================================== */

@media (min-width: 992px) {
	.lenta {
		width: 100%;
		height: auto;
	}
	.uzu {
		width: 70%;
		height: auto;
	}
	#row.container {
		display: flex;
	}
	.flex {
		display: flex;
	}
	header {
		min-height: 100vh;
		background: url(../images/backgrounds/home1.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.slide-down {
		cursor: pointer;
	}
	.p1 {
		margin-top: 88px;
		width: 448px;
		height: auto;
		margin-left: 20%;
	}
	.p2 {
		margin-top: 183.5px;
		width: 634px;
		height: auto;
	}
	.p3 {
		margin-top: 360px;
		width: 490px;
		height: auto;
	}
	.p4 {
		margin-top: 360px;
		margin-bottom: 72px;
		padding-right: 72px;
		padding-left: 72px;
	}
	.quote {
		padding-top: 546px;
	}
	#zasto-donirati .quote,
	#pravne-osobe .quote,
	#doniranje-hrane .quote {
		padding-top: 60px;
	}
	.form-group.subject {
		margin-left: 4em;
	}
	.eu-footer {
		margin-top: 146px;
		margin-bottom: 48px;
	}
	footer {
		margin-top: 0;
	}
	.button_container {
		display: none;
	}
}

@media (max-width: 992px) {
	header {
		min-height: 100vh;
		background: url(../images/backgrounds/home-mobile.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.uzu {
		width: 80%;
		height: auto;
		display: block;
		margin-top: 24px;
		margin-left: auto;
		margin-right: auto;
	}
	#overlay img {
		width: 95px;
		height: auto;
		margin-left: 44px;
		margin-top: 13px;
	}
	#people-section a.btn {
		margin-bottom: 24px;
	}
	#hiz-opis img {
		margin-top: 24px;
	}
	.align-center-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex-mobile {
		display: flex;
	}
	#partneri img {
		max-width: 286px;
	}
	#partneri .middle {
		margin-top: 32px;
		margin-bottom: 0;
	}
	#partneri .col-lg-4.col-sm-12.col-12 {
		padding-left: 0;
	}
	#problematika img {
		margin-bottom: 400px;
	}
	footer {
		margin-top: 48px;
	}
	footer p {
		width: 79.95px;
		line-height: 2.5;
		margin-bottom: 0;
		margin-right: 16px;
	}
	footer ul {
		line-height: 2.5;
	}
	footer ul li a {
		padding: 0;
		padding-left: 16px;
	}
	footer .flex-mobile {
		margin-bottom: 32px;
	}
	footer.bg-primary {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.third,
	footer .flex-mobile.third,
	footer .flex-mobile.third li.third {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (min-width: 576px) {
	#navbar-mobile {
		display: none;
	}
	#contact .contact-mobile {
		display: none;
	}
	#contact .col-lg-5 p {
		color: white;
	}
}

@media (max-width: 1000px) {
	.logo {
		display: none;
	}
	p.home-text {
		text-shadow: 1px 1px 1px white;
	}
	.scroll-down {
		display: none;
	}
	#doniranje-hrane .elementi {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#doniranje-hrane .odjeljak1 {
		padding-top: 24px;
		padding-bottom: 24px;
		background: url(../images/backgrounds/hrana.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#doniranje-hrane .odjeljak {
		display: none;
	}
	.elementi {
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	.prepoznatljivost {
		display: block;
		margin: 0 auto;
		margin-top: 32px;
	}
	.utjecajnost-vaznost {
		margin-top: 32px;
	}
	.vaznost {
		display: block;
		margin: 0 auto;
		margin-top: 32px;
	}
}

@media (min-width: 1000px) {
	#problematika {
		background-image: url(../images/backgrounds/country-left.png), url(../images/backgrounds/country-right.png);
		background-size: auto 1540px;
		background-position: left top, /* this positions the first image */
		right bottom;
		/* this positions the second image */
		background-repeat: no-repeat;
		/* this applies to both images */
	}
	.fixed {
		position: fixed;
	}
	#doniranje-hrane .elementi {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: -7%;
	}
	.navbar-scroll {
		background-color: rgb(255, 255, 255, 0.95);
		padding-top: 16px;
		border-bottom: 1px solid #ecaba3;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.navbar-scroll .logo {
		width: 60px;
		height: auto;
		position: absolute;
		top: 16px;
		background-color: rgb(255, 255, 255, 0.9);
		border-radius: 50%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}

@media (max-width: 576px) {
	#overlay img {
		width: 48px;
		height: auto;
		margin-left: 5%;
		margin-top: 3%;
	}
	body {
		font-size: 11px;
	}
	.container {
		max-width: 286px;
		padding: 0;
	}
	.hide-mobile {
		display: none;
	}
	img.logo {
		display: none;
	}
	h1.home-maintext {
		padding-top: 46px;
		padding-bottom: 16px;
		margin-bottom: 0;
		line-height: 1.5;
		font-size: 38px;
	}
	section {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	a.btn {
		font-size: 9px;
	}
	#hiz-opis .col-lg-4 {
		display: none;
	}
	#hiz-opis h3 {
		margin: 0;
	}
	#hiz-opis h4 {
		margin-top: 16px;
		margin-bottom: 8px;
	}
	#hiz-opis a.btn {
		margin-left: auto;
		margin-right: auto;
	}
	.align-center-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex-mobile {
		display: flex;
	}
	#partneri img {
		max-width: 286px;
	}
	#partneri .middle {
		margin-top: 32px;
		margin-bottom: 0;
	}
	#partneri .col-lg-4.col-sm-12.col-12 {
		padding-left: 0;
	}
	#problematika img {
		margin-top: 120px;
		margin-bottom: 120px;
	}
	/*o nama*/
	#about .col-lg-5 {
		margin-top: 56px;
	}
	.elementi {
		width: 100%;
		height: 100%;
	}
	h1.title.other {
		padding-top: 0;
	}
	#people .elementi {
		max-width: 100%;
	}
	.quote-icon {
		width: 32px;
		height: auto;
		margin-top: 64px;
	}
	#people .col-lg-4 {
		margin-top: 56px;
	}
	#news .slika {
		margin-top: 48px;
	}
	#news .last {
		margin-bottom: 110px;
	}
	#news.single .naziv {
		margin-top: 56px;
	}
	#news.single .podnaslov {
		max-width: 100%;
	}
	#news.single .tekst {
		max-width: 100%;
	}
	.odjeljak {
		margin-top: 58px;
	}
	.faq .plus-minus-toggle {
		right: -16px;
	}
	#faq hr {
		width: 102%;
	}
	#contact .contact-bg {
		display: none;
	}
	#contact #row.container {
		margin-top: 0;
	}
	#contact .col-lg-7 {
		position: absolute;
		top: 0;
		left: 0;
		background: none;
	}
	#contact .col-lg-5 {
		background: none;
	}
	#contact .col-lg-5 p {
		font-size: 1.414em;
	}
	#contact .col-lg-5 img {
		display: block;
		margin: 0 auto;
		width: 32px;
		height: auto;
	}
	#contact .col-lg-5 p {
		margin-left: 0;
		margin-top: 8px;
		text-align: center;
	}
	#contact .col-lg-7,
	#contact .col-lg-5 {
		padding: 40px;
	}
	#contact .col-lg-5 {
		padding-bottom: 0;
	}
	.form-control {
		background: none;
	}
	.form-control:focus {
		background: none;
	}
	/*Footer*/
	.logo-white {
		margin-left: 16px;
		margin-top: 16px;
	}
	.p4 {
		margin-bottom: 32px;
		padding: 0;
	}
	h1.title {
		margin-top: 56px;
		font-size: 25px;
		padding-top: 0;
	}
}