@charset "utf-8";
/* CSS Document */

        body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f8ff;
			background-color:  #dadada;
            color: #333;
        }
		p {
			line-height: 1.3;
		}
        header {
/*          background-color: #4b0082; */
/*			background-color: #004812; */
/*			background-color: #004f39; 
			background-color: #00381e;*/
			background-color: #020201;
			color: #fff;
            padding: 1rem;
            text-align: center;
        }
        nav {
/*            background-color: #9370db;*/
/*			background-color: #1fb044;
			background-color:  #7B9E87; 
			background-color: #0c996e;*/
			background-color: #ffffff;
            padding: 0.5rem;
        }
        nav ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: center;
        }
        nav ul li {
            margin: 0 1rem;
        }
        nav ul li a {
            color: #020201;
            text-decoration: none;
            font-weight: bold;
			padding: 0.5rem 1rem;
        }
		nav ul li a:hover {
			background-color: #12d297;
			padding: 0.5rem 1rem;
		}
        main {
            padding: 2rem;
            max-width: 750px;
            margin: 0 auto;
        }
        .cta-button {
            display: inline-block;
/*            background-color: #ff6347;*/
/*			background-color: #FF715B;
			background-color: #7bbc00;*/
			background-color: #05c48a;
            color: #fff;
            padding: 0.5rem 1rem;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
/*            margin-top: 1rem;*/
			float: left;
			margin-right: 1rem;
			margin-bottom: 1.5rem;
        }
		.cta-button:hover {
			background-color: #0c996e;	
		}
        footer {
/*            background-color: #4b0082;*/
/*			background-color: #004812; */
			background-color: #004f39;
			background-color: #002e1a;
			color: #fff;
            text-align: center;
            padding: 1rem;
/*            position: fixed; 
            bottom: 0;  */
            width: 100%;
        }
		footer a, footer a:visited {
			color: #c09925;
			text-decoration:none;
		}
		footer a:hover {
			text-decoration: underline;
		}
        .reunion-date {
            font-size: 1.5rem;
            font-weight: bold;
/*            color: #FF715B;*/
/*			color: #FF715B;*/
			color: #c91c6c;
			color: #0c996e;
            margin-top: 1rem;
        }
		.balloon-container {
			width: 70%;
			margin: 0 3rem;
		}
        .balloon {
            position: absolute;
			bottom: 150px;
            width: 50px;
            height: 65px;
/*			padding: 2rem; */
/*            background-color: #ff69b4;*/
/*			background-color: #ffcc00;*/
			background-color: #ffffff; /* white*/
            border-radius: 50%;
            animation: float 5s ease-in-out infinite;
        }
        .balloon::before {
            content: "";
            position: absolute;
            width: 10px;
            height: 15px;
/*            background-color: #ff69b4;*/
			background-color: #cfb53b; /* old gold */
            top: 65px;
            left: 20px;
            border-radius: 50%;
        }
        .balloon:nth-child(2) {
            left: 80%;
            top: 20%;
/*            background-color: #00ced1;*/
			background-color: #cfb53b; /* old gold */
            animation-delay: 1s;
        }
        .balloon:nth-child(3) {
            left: 10%;
            top: 30%;
/*            background-color: #ffa500;*/
	background-color: #063516; /* EHS logo green from website */
            animation-delay: 2s;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
		}
        smaller {
            font-size: .75rem;
		}

		.logo {
			
		}
.center-text {
	text-align: center;
}
.margin-0 {
	margin-top: 0;
}
.clear {
	clear:both;
}