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

h1 {color: #d7e4c2; font-size: 300%; text-align: center}

h2{color: #d7e4c2;}

h4{color: #be1e2d}

p{color: #41393D}

ul{list-style-type: none; padding: 8px; margin: 0; left: 0; bottom: 0;}

li{display: inline; left: 0; bottom: 0;}

body {background-color: #8a8c8f;}

img.logo{max-width: 25%; max-height: auto;}

img.body{max-width: 50%; max-height: auto;}
img.body-left{max-width: 50%; max-height: auto; float: left; margin: 0px 15px 15px 0px;}
img.body-right{max-width: 50%; max-height: auto; float: right; margin: 0px 0px 15px 15px;}
img.body-full{max-width: 100%; max-height: auto;}

.logo-top{position: fixed; top: 0; left: 0; width: 100%; z-index: 1;}

.top-padding{padding: 24px;}

.top-background{background-color: #41393d;}

.nav-menu{position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1; padding: 0;}

.nav-row: after,.nav-row: before{content: ""; display: inline; clear: both;}

.nav-padding{padding: 8px;}

.body-padding{padding: 24px 0;}

.nav-button{border: none; display: 8px 32px; outline: 0; padding: 8px 32px; vertical-align: middle; overflow: hidden; text-decoration: none; color: #8a8c8f; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap;}
.nav-button:hover{color: #d7e4c2; background-color: #be1e2d;}

.spacer{top: 0; left: 0; width: 100%;}

.spacer-color{background-color: #8a8c8f;}

.body-container{position: relative; display: inline-table;}

.body-container-two{padding: 0.01em 16px;}

.body-content{max-width: 750px; margin: auto; text-align: center;}

.body-box{box-shadow:0 2px 5px 0 rgba(65, 57, 51, 0.16), 0 2px 10px 0 rgba(65, 57, 51, 0.12);}

.body-col{padding: 16px 20%; width: 49.99999%; display: inline;}

.menu-button{background-color: inherit; color: #ef4e22;}
.menu-button:hover{background-color: #d7e4c2; color: #41393d;}

.remove-underline{text-decoration: none;}

.bottom-spacer{padding: 24px;}

.img-border{max-width: 80%; max-height: auto;}

.center{text-align: center;}