body	{font-family: times new roman;
		 background-color: rgb(275,275,275);
		 margin: 4% 100px 0px 100px;
		 text-align: center}

.picture 	{max-width: 250px; max-height: 250px}
			
.p			{margin: 0px; padding: 0px;
			line-height: 0px; max-width: 500px}

h1, h2, h3 	{font-variant: small-caps;
			 margin: 20px 20px 5px 20px}
		h1	{text-align: center; font-size: 30pt}
		hr	{width: 50%; margin-top: 25px; margin-bottom: 15px}
		p	{margin: 12px; font-size: 20px}

.btn 	{font-size: 16pt; font-variant: small-caps; 
		 color: black; text-decoration: none;
		height: 30px; line-height: 30px;
		padding: 15px 40px 15px 40px;
		display: inline-block; margin: 10px;
		border: solid; border-color: black;
		box-shadow: 1px 1px gray}
	
.btn:hover 	{background: darkblue; color: white}
/*	.btn:hover 	{background: rgb(140, 21, 21); color: white}*/

a		{text-decoration: none; color: inherit;
		border-bottom: 1px dotted}
		a:hover	{color: rgb(157, 34, 53)}

.center {left: 50%; transform: translateX(-50%); position: absolute}

.justify 	{text-align: justify;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;}

.b1, .b2 {display: none}

.hanging {padding-left: 24pt; text-indent: -24pt}

.spaced {padding-bottom: 12pt;}

.last	{padding-bottom: 35pt;}

@media screen and (max-width: 1133px)
	{.b1 {display: block}}

@media screen and (max-width: 818px)
	{body {margin: 75px 100px 50px 100px}}

@media screen and (max-width: 750px)
	{.btn {margin-left: 138px; margin-right: 138px}
	body {margin: 50px 0px 50px 0px}}
	
	
/*--TABLE--*/
table {text-align: left}
td {vertical-align: top; padding-bottom:12pt; padding-left: 12pt}
heading {colspan: 4}
/*table * {border-collapse: collapse; text-align: center; padding: 10pt; padding-top: 10pt; padding-bottom: 10pt; font-size: 12pt; border: 2px solid black}*/
/*table tr:nth-child(even) {background-color: rgb(0, 0, 139); color: white}*/


