@font-face {
    font-family: 'regular';
		font-display: fallback;
    src: url('../Fonts/CircularStd-Book.eot');
    src: url('../Fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/CircularStd-Book.ttf') format('truetype'),
         url('../Fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*DEFAULT*/
html { font-family:'regular', Arial, sans-serif; font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height:100%; }
body { margin:0; padding:0; color:#FFFFFF; background-color:#006450; font-size:18px; box-sizing:border-box; height:100%; border-bottom:3rem solid #00AA73; border-top:3rem solid #00AA73; }
a { -webkit-transition: 0.25s; transition: 0.25s; color:#00AA73; outline:none; }
a:hover { text-decoration:none; }
/*DEFAULT*/

.page { width:100%; height:100%; max-width:998px; display:flex; align-items:center; justify-content: first baseline; flex-wrap:wrap; margin:0 auto 0 auto; line-height:1.2rem; padding:0.2rem 0.5rem; box-sizing:border-box; text-align:center; }
.logo { width:50%; max-width:17rem; margin:1rem auto 0 auto; }
.txt { width:100%; }
.illus_block { width:100%; display:flex; align-items:flex-end; text-align:center; align-self:flex-end; }
.illus { width:100%; max-width:60rem; border:0; margin:0 auto -3px auto; }