@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400&display=swap');
BODY {
	font-family: 'Spartan', sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	margin: 0;
	padding: 0;
	color: #FFF;
	}
		
A, A:visited {color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF;}
A:hover {border-bottom: 1px solid #FFF;}

.ShowPanel {width: 96%; height: 120px; margin: 6px auto; display: none;}

.GreenBtn {background: rgba(20,155,20,1.00); font-size: 0.8rem; color:#FFF; padding: 4px 8px 2px; margin: 6px 12px; cursor: pointer; display: inline-block;}

.orange {color: rgba(225,135,35,1.0);}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 767px) {

.GreenBtn {font-size: 0.7rem;}

.ShowPanel {width: 100%; height: 100px; margin: 0;}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px)
and (max-device-width: 1024px) {

H1 {font-size: 1.1rem;}
H2 {font-size: 1.0rem;}
H3 {font-size: 0.9rem;}

.ShowPanel {width: 90%; height: 120px; margin: 6px auto; display: none;}

.GreenBtn {font-size: 0.8rem;}

}

/* Desktops and laptops. iPad portrait ----------- */
@media only screen 
and (min-width: 1025px)
and (max-width : 1279px) {

}