* {box-sizing: border-box;
    }
html {
    height: 100%;
	font: 100% Trebuchet MS, Arial, sans-serif; 
    }
@media screen and (min-width: 35em) {
    html {font-size: 1.5rem;}
    }
body {
	background-color: #f3ebe3; 
	color: #000000; 
	line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    min-height: 100%;
	}
#container {
	max-width: 800px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
	}
header {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    }
#logo {
	width:10rem;
    height: auto;
    margin-right: .5rem;
    padding-right: .5rem;
	}
h1 {
	font-size: 1.1rem;
	line-height:1.5;
	color: #008000;
    padding-bottom: 0;
    margin-bottom: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
	}
h2 {
	font-size: 1rem;
	color: #74675c;
	line-height: 1;
    margin-left: .5rem;
    margin-top: 1rem;
    margin-bottom: .25rem;
	}
h3 {
	font-size: .9rem;
	color: #008000;
	line-height: .9;
    margin-left: .8rem;
    margin-top: 0;
    padding-top: 0;
	}
a:link { 
	font-weight: none; 
	text-decoration: none; 
	color: #292929;
	}
a:visited { 
	font-weight: none; 
	text-decoration: none; 
	color: #74675c;
	}
a:hover { 
	text-decoration: underline; 
	color: #74675c;
	}
a:active { 
	text-decoration: underline; 
	color: #CC66CC;
	}

footer {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
	margin-top: 1rem;
	margin-bottom: .75rem;
	font-size: .6rem;
	padding-top: 0;
    max-width: 800px;
	}
@media (min-width: 35em) {
    footer {
        font-size: .5rem;
    }
}
footer a:link {
	color: #008000;
	}
/* AISO logo */
#viridioLogo {
	width: 3rem;
    height: auto;
	line-height:1.6;
    padding-right: .5rem;
    -ms-flex-item-align: end;
	}

.poem {
	font: 1rem;
	margin-left: 1rem;
	color: #74675c;
	line-height:1.6;
	}
.title {
	margin-top: 3rem;
    font-size: 2rem;
	color: #008000;
	line-height: 1;
	margin-left: 2rem;
	}
.ccl {
	font-size: .5rem;
	text-indent: 0;
	line-height: 1;
	margin-top: 4rem;
	margin-left: 5rem;
	color: #000000;
    width: 12rem;
	}
.ccl a:link {
	color: #008000;
	}