/* RAZ */
html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;	
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}	
ol, ul {
	list-style: none;
}
table { 
	border-collapse: collapse;
	border-spacing: 0;
}
/* === END RAZ === */

body{background-color:#EEE;font: 12px verdana; text-align: center}
h1 {font-size:2em; margin:1%}
h2 {font-size:1.6em; margin:1%; color:#FFF; background-color: #00B3C4; padding: 5px}
hr{background-color: #CCC; height: 1px; border: none}
a{text-decoration: none;color:#00F}
#main{width:90%; min-height:300px; margin: 0 auto; padding: 1%; background-color: #FFF; max-width: 1200px}
p {font-size:1.25em; width: 85%; margin: 2% auto; text-align: justify}
.warn{font-weight: bold}
.container{display: flex; flex-wrap: wrap; width: 85%; margin: 0 auto; padding: 0}
#b1{flex-grow: 1;}
#b2{flex-grow: 5; text-align: center}
#logo{height: 50px; margin: 15px}