div { padding: 0px; margin: 0px; }

html {
    font-size: 100%;
}

@font-face {
  font-family: "Pitch";
  src: url("../fonts/Pitch-Medium.otf");
}

tr.main { background-color: #FFFFFF; }
tr.alt { background-color: #EDF3FE; }

.green_override {
	color: #00b932;
}

u {
	text-decoration: none;
}

a:link {
	color: #00b932;
}

a:visited {
	color: #00b932;
}

a:hover {
	background-color: yellow;
}

hr {
	margin-top: 25px; margin-bottom: 25px;
}


/* ===== Desktop (was my.css) ===== */
@media (min-width: 1001px) {
	font.font0 { font-family: 'Pitch'; font-size: 36.0px; color: #00b932; text-decoration: underline #00b932; }
	font.font2 { font-family: 'Avenir'; font-size: 22.0px; line-height: 34px; }
	font.font3 { font-family: 'dejarip'; font-size: 14.0px; color: #c8c5b5; }
	font.font4 { font-family: 'dejarip'; font-size: 18.0px; line-height: 34px; }
	font.font7 { font-family: 'Pitch'; font-size: 18.0px; line-height: 50px; }

	img { max-width: 70%; height: auto; }

	.outer_box { background-color: #D7D1B4; padding: 10px; }
	.inner_box { background-color: #FFFFFF; margin-left: 25px; margin-right: 25px; border: dashed 1px; border-color: #00b932; }
	.title { background-color: #FFFFFF; text-align: left; margin-top: 50px; margin-bottom: 0px; margin-left: 10%; margin-right: 10%; max-width: 850px; padding: 20px; text-indent: -3em; }
	.content { background-color: #FFFFFF; text-align: left; margin-top: 5px; margin-bottom: 25px; margin-left: 10%; margin-right: 10%; max-width: 650px; padding: 20px; text-indent: -3em; }
	.info_bottom { text-align: left; font-size: 9pt; background-color: #525252; margin-top: 50px; padding-top: 32px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
}

/* ===== Mobile (was mobile.css) ===== */
@media (max-width: 1000px) {
	font.font0 { font-family: "Pitch"; font-display: block; font-size: clamp(32px, 9vw, 72px); line-height: 0.9; color: #00b932; text-decoration: underline #00b932; }
	font.font2 { font-family: 'Avenir'; font-display: block; font-size: clamp(22px, 6vw, 45px); line-height: 1.45; color: black; }
	font.font3 { font-family: 'dejarip'; font-display: block; font-size: 1.5rem; line-height: 2.5rem; color: #c8c5b5; }
	font.font4 { font-family: 'dejarip'; font-display: block; font-size: 45px; line-height: 65px; }
	font.font7 { font-family: 'Pitch'; font-size: 34px; line-height: 50px; }

	img { max-width: 100%; height: auto; }

	.outer_box { background-color: #454025; padding: 10px; }
	.inner_box { background-color: #FFFFFF; margin-left: 2.5px; margin-right: 2.5px; border: dashed 1px; border-color: #00b932; }
	.title { background-color: #FFFFFF; text-align: left; margin-top: 3rem; margin-bottom: 0px; margin-left: 10%; margin-right: 5%; max-width: 900px; padding: 3rem; text-indent: -2rem; }
	.content { background-color: #FFFFFF; text-align: left; margin-top: 5px; margin-bottom: 25px; margin-left: 10%; margin-right: 10%; max-width: 650px; padding: 2rem; text-indent: -2rem; }
	.info_bottom { text-align: left; background-color: #525252; margin-top: 50px; padding: 2rem; }
}