@font-face { font-family: 'this-font'; src: url('font/alegreya-v31-latin-regular.woff2'); font-style: normal; font-display: swap; }
@font-face { font-family: 'this-font'; src: url('font/alegreya-v31-latin-italic.woff2'); font-style: italic; font-display: swap; }
@font-face { font-family: 'this-font'; src: url('font/alegreya-v31-latin-700.woff2'); font-weight: bold; font-display: swap; }
@font-face { font-family: 'this-font'; src: url('font/alegreya-v31-latin-700italic.woff2'); font-weight: bold; font-style: italic; font-display: swap; }
html { font-family: 'this-font',serif; font-size: 14pt; line-height: 1.2; color: #3e3921; }
body { background: url('texture.jpg'); background-color: #f5f2ec; }
.container { max-width: 1000px; margin: 1rem auto 3rem auto; }
figure { margin: 0; }
figure img { max-width: 100%; }
a { color: #923525; text-decoration: none; }
hr { border: none; border-top: 1px dotted; }
.text-center { text-align: center; }
header nav { display: grid; grid-template-columns: 1fr 1fr 3fr; align-items: center; margin-top: 2rem; }
header nav .active a { filter: drop-shadow(5px 5px 3px #afaa9b); color: black; }
header nav .title { text-align: left; }
header nav .title img { max-width: 200px; }
header nav .agricultora { text-align: right; }
header nav .agricultora img { width: 400px; }
header nav .links { list-style: none; margin: 0; font-size: 15pt; }
header nav .links li { padding: 3px 0; font-weight: bold; }
header nav .links a:hover { color: black; }
footer { margin-top: 5rem; text-align: center; }
#projeto { padding: 1rem 1rem 1rem 1rem; margin-top: 3rem; font-size: 14pt; border-top: 6px dotted; }
#projeto h1 { text-align: center; }
#projeto nav
.barra-logos { text-align: center }
.barra-logos * { margin: 0; }
.barra-logos img { max-width: 500px; width: 100%; }
.homepage-start { margin-top: 4rem; }
#homepage-logo { max-width: 95%; margin:  auto; display: block; cursor: default; pointer-events: none; user-select: none; }
#homepage-menu { display: grid; grid-gap: 1rem; margin: 3rem 1rem; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); }
#homepage-menu img { max-width: 100%; }
#homepage-menu img:hover { filter: drop-shadow(10px 10px 5px #afaa9b); }
.creditos { color: #555; margin: 3rem 1rem 1rem 1rem;}
.creditos ul { list-style: none; padding: 0; }
.video { border: 5px solid; background-color: black; margin: 2rem auto 3rem auto; box-shadow: 5px 5px 10px #afaa9b; }
.gallery { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important; }
.gallery .image-thumb img { mask-size: 100%; mask-image: url("mask.gif"); }
@media screen and (max-width: 760px) {
	header nav { display: block; }
	header nav .title { text-align: center; margin-bottom: 1rem; }
	header nav .title img { width: 100%; max-width: 220px; }
	header nav .agricultora { text-align: center; }
	header nav .agricultora img { max-width: 100%; }
	header nav .links { text-align: center; list-style: none; padding: 0; margin-bottom: 2rem; }
	header nav .links li { display: inline-block; text-align: center; border: 1px dotted; width:100px; padding: 5px; margin: 5px; }
	header nav .active { background-color: #d4cfc0; }
}