@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;700&family=Work+Sans:ital,wght@0,400;0,700;1,400&display=swap');


* { margin: 0; padding: 0; box-sizing: border-box }

body { font-family: 'Work Sans', sans-serif; max-width: 1600px; margin: 0 auto  }
img { max-width: 100% }

figure { margin: 1.5rem auto }
figure.w600 { max-width: 600px }
figure.w400 { max-width: 400px }


header { text-align: left; background-color: #d01820; }
header h1 { font-size: 4rem; color: #ffffff; margin: 0; padding: 2rem 0 1rem 12rem; border-bottom: 10px solid silver; }
.manta { font-size: 8rem; }
.top { margin: 0; padding: 3rem 12rem; background-color: #F5F5F5 }
p { margin: 1.5rem 12rem; line-height: 1.7; font-size: 1.5rem;  text-align: justify }
h2 { font-size: 3.5rem; color: #d01820; text-align: center; margin: 3rem 0 1rem 0}
h3 { font-size: 2.5rem; color: #d01820; margin: 3rem 0 1rem 10rem;  text-decoration: underline; text-decoration-color: silver; }


.center {text-align: center }
.box { margin: 0 0 2rem 0; text-align: center; }
.box h3 { margin-top: 0; text-align: center; font-size: 1.2rem }
.box p { font-size: .8rem; margin-bottom: .8rem; }
.box .left { flex: 1; padding: 1rem }
.box .right { flex-basis: 50%; line-height: 0; padding: 1rem; align-self: flex-end; }

.pdf { max-width: 150px }

main a { display: inline-block; color: #000000;  text-decoration: none; font-weight: bold; transition: .1s all }
main a:hover { transform: scale(1.01);  }

.fc { display: flex; flex-flow: row wrap }


.fb-like { width: 260px; margin: 0 auto; display: block !important }
.fb-page { width: 260px; margin: 0 auto; display: block !important }




footer { text-align: right; background-color: #d01820; height: 8rem; border-top: 20px solid silver; }
footer p { color:#ffffff; text-align: right; margin-top: .5rem; }



@media(max-width:1000px) {
	header h1 { text-align: center; font-size: 2rem; padding: 2rem 0 1rem 0rem;}
	.manta { font-size: 6rem; }
	main a { display: inline; }
	.top { padding: 3rem .5rem;}
	p { margin: 1.5rem .5rem; font-size: 1rem; }
	h2 { font-size: 1.3rem;  }
	h3 { font-size: 1.2rem; margin: 3rem 0 1rem .5rem; }
	footer p { text-align: center }
	.box .left,
	.box .right { flex-basis: 100% }
	.box .left { padding-bottom: 0 }
	.box .right { padding: 0 }
}