html {min-height: 100%;height:100%;scroll-behavior: smooth;}
body {margin:0;font-family: "Zalando Sans", sans-serif;min-height: 100%;height:100%;color:#754c29;background: #fff;font-size:1.1em;line-height:1.8em;}

* {box-sizing: border-box;}

h1,
.ttl {color:#fff;font-weight:900;text-transform:uppercase;font-size:3.5em;text-shadow: 2px 2px 5px #333;line-height:1.1em;}
.brk {display:block;}
h2 {font-weight:900;font-size:2.5em;}
h2.flag {background:url('../images/bg_h2.jpg') no-repeat top left;display:inline-block;background-size:100%;background-position:left top;padding:80px 0 0 0;}
p {line-height:1.3em;}

header {background:url('../images/bg-header.webp') no-repeat; background-size:cover;color:#fff;}
header p {text-shadow: 2px 2px 5px #333;}
header img {margin:0 auto 20px auto}

.bgClear {background-color:#e5ded1;}
.colorGreen {color:#006838}
.colorBrown {color:#754c29}
.bgLogo {background:#e5ded1 url('../images/bg_logo.svg') no-repeat top left;}
.bgCampo {background:#fff url('../images/bg_campo.webp') no-repeat top left;background-size:100%;}
.bgCampo h2 {color:#fff;}
.bgAgri {background:#fff url('../images/bg_agricultores.webp') no-repeat top center;background-size:cover;background-color:#fdddac;}
.bgAgri .ttl {color:#47271d;text-shadow: 2px 2px 5px #333;}
.bgAgri p {text-shadow: 2px 2px 5px #fce1a7;}
.bgAgri .btn-primary {margin:20px 0 0 0;padding:12px}

.btn-primary {background-color:#2bb673;border:1px solid #2bb673;padding:12px 18px;font-size:1.1em;margin:0 8px;box-shadow: 2px 2px 5px #333;line-height:1.1em;}
.btn-primary:hover {background-color:#754c29;border:1px solid #754c29;box-shadow: none;}

.ttlAlt {color:#754c29;text-shadow:none;font-size:2.4em;}

img {max-width:100%;}

footer .bgClear {color:#c1b5a7;}
footer span {display:block;font-weight:500;padding:20px 0;line-height:1em;}
footer .logo {width:250px;}

@media only screen and (min-width: 100px) and (max-width: 1630px) {
	
	
}


@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	header {/*border:5px solid aqua;*/}
	

}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
			
	header {/*border:3px solid lime;*/}	
	
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {	
		
	header {/*border:5px solid pink;*/}	
	
	h1,
	.ttl {font-size:2.8em;}
	
	.btn-primary {margin:10px;}
	
	.bgAgri {padding-bottom:400px !important;background-size:100%;background-position:left bottom;}
	.bgAgri .ttl {font-size:2.2em;}
	.bgAgri .btn-primary {margin:0 0 0 0}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
			
	header {/*border:3px solid red;*/}
		
	h1,
	.ttl {font-size:2.8em;}
	
	.btn-primary {margin:10px;}
	
	.bgAgri {padding-bottom:400px !important;background-size:100%;background-position:left bottom;}
	.bgAgri .ttl {font-size:2.2em;}
	.bgAgri .btn-primary {margin:0 0 0 0}
	
	.bgCampo {background-size:250%}
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {	
			
	header {/*border:3px solid purple;*/padding-left:0;}
	
	h1,
	.ttl {font-size:1.8em;}
	h2 {font-size:1.6em;}
	h2.flag {padding:40px 0 0 0;}
	
	p {line-height:1.2em;}
	
	.btn-primary {margin:10px;}
	
	.bgAgri {padding-bottom:200px !important;background-size:100%;background-position:left bottom;}
	.bgAgri .ttl {font-size:1.6em;}
	.bgAgri .btn-primary {margin:0 0 0 0}
	
	.bgCampo {background-size:250%}
	
	footer span {font-size:0.8em;}
	.govLogos {margin-bottom:12px}
		
}