@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 }
html { font-size: 30px }
body { font-family: 'Work Sans', sans-serif; max-width: 1400px; margin: 0 auto  }
img { max-width: 100% }
.content-padding { padding: 0 3rem }
.mt-0 { margin-top: 0 }
.m-0 { margin: 0 }
figure { margin: 1.5rem auto }


figure.w900 { max-width: 900px }
figure.w700 { max-width: 700px }
figure.w400 { max-width: 400px }
figure.w300 { max-width: 300px }
figure img { width: 100% }

.pdf { max-width: 150px }


header { background-color: #ffffff; justify-content: space-around }
header .wrapper { align-items: center; justify-content: space-evenly }
header img { max-width: 20%; margin:0; padding:0 }
header h1 { display: inline-block; max-width: 70%; font-size: 2.2rem; color: #01aff1; text-shadow: .01rem .01rem #000000; margin:0; padding:0 }


nav { text-align: center; border-style: double; border-width: 1px 0px 0px 0px; border-color: #000000; margin: 0 3rem;}
nav a { font-weight: bold; margin-right: 1.5rem; display: inline-block; font-size: 1.1rem; padding: .7rem .2rem; color: #01aff1; text-shadow: .01rem .01rem #000000; text-decoration: none; transition: all .1s }
nav a:focus,
nav a:hover { transform: scale(1.01); }

h2 { font-size: 1.3rem; color: #01aff1; text-shadow: .01rem .01rem #000000; text-align: center; margin: 3rem 0 1rem 0}

.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; }

p { margin: 1.5rem 2.5rem; line-height: 1.7; font-size: .9rem;  text-align: justify }
.center {text-align: center }
.next-one {text-align: center; margin-bottom: .3rem }







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






main blockquote { background: #51a2db; padding: 1rem 0; margin: 1.5rem 0; line-height: 1.7; font-style: normal }
main blockquote a { color: grey; font-size: 1.2rem; text-shadow: none; font-style: italic; }




ul { margin: 3rem}
li { margin: .5rem .8rem; line-height: 1.3; font-size: .8rem; }
.center { text-align: center }
.kisbetu { font-size: 20px; font-style: italic; }
.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 { padding: 5rem 0 1rem 0; text-align: center; }
footer img { max-width:40%; margin: 0 auto 0 auto; }



@media(max-width:1000px) {
	html { font-size: 16px }
	footer img { max-width: 75%; }
	header { justify-content: space-around }
	header .wrapper { align-items: center; justify-content: space-evenly }
	header img { max-width: 40%; margin:0 auto; }
	header h1 { display: block; max-width: 100%; font-family: 'Cabin Condensed', sans-serif; font-size: 1.8rem; margin:0; padding:0 }
	nav { margin: 0 1rem; justify-content: space-around }
	nav a { display: inline-block; font-size: 1rem; padding: .7rem auto; margin:0;}
	main a { display: inline; }
	p { margin: 1.5rem .5rem; }
	
	
	
	.content-padding { padding: 0 }
	.box { border-bottom-left-radius: 0; border-top-right-radius: 0 }
	.box .left,
	.box .right { flex-basis: 100% }
	.box .left { padding-bottom: 0 }
	.box .right { padding: 0 }
	
	
}