/**********SITE**********/
.site-wrap {height: 100%;width: 100%; background-color: white;position: fixed;overflow: scroll;margin: 0;z-index: 1;}
#logo {width: 30%;margin-left: 35%;padding: 10px;}
#homelogo {width: 30%;margin-left: 35%;padding: 10px;}
p {font-family: 'Lato';font-size: 25px;line-height: 30px;}
a {color: black;text-decoration: none;}
h3 {font-family: 'Lato';font-size: 30px;font-weight: 900;padding: 40px;text-align: center;}
.spacer {width: 100%;height: 50px;}
footer {position: fixed;bottom: 0;background-color: #222;color: white;padding: 2%;width: 100%;}
.line {width: 90%;margin-left: 5%;}
img {width: 100%;margin: 0;}
#print_nav {width: 100%;text-align: center;}
.print_nav_buttons:hover {text-decoration: underline;}
.onehundred_div {width: 100%;float:left}
.onehundred_div_pad {width: 100%;padding: 50px;}
.left_div {width: 50%;padding: 30px;float: left;}
.right_div {width: 50%;padding: 30px;float: right;}

/******NAVIGATION********/
ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #222;width: 100%;z-index: 1;box-shadow: 0 0 50px #000;}
li a {display: block;color: #fff;text-align: center;padding: 10px;text-decoration: none;font-family: 'Lato';font-size: 22px;font-weight: 300;letter-spacing: 2px;}
#C_button:hover {background-color: #37bae2;color: #222;}
#M_button:hover {background-color: #bc649d;color: #222;}
#Y_button:hover {background-color: #f7e96d;color: #222;}
#K_button:hover {background-color: #999;color: #222;}
#G_button:hover {background-color: #fff;color:#222;}
.navigation {width: 100%;height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}
.nav-item {width: 200px;}
.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);}
label[for="nav-trigger"] {position: fixed;left: 0; top: 0;z-index: 2;height: 50px;width: 50px;cursor: pointer;background-image: url("images/HAMBURGER-01.png");background-size: contain;}
.nav-trigger + label {transition: left 0.6s;}
.nav-trigger:checked + label {left: 200px;}
.nav-trigger:checked ~ .site-wrap {left: 200px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html, body { height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; }

/**********AT MEDIA**********/
@media screen and (max-width: 876px) {.left_div {width: 100%;padding: 30px;float: none;}.right_div {width: 100%;padding: 30px;float: none;}#logo { margin-top: 54px;width: 80%;margin-left: 10%;}#homelogo{margin-top: 54px;width: 80%;margin-left: 10%;}}

@media screen and (max-device-width: 480px) {.left_div {width: 100%;padding: 30px;float: none;}.right_div { width: 100%;padding: 30px;float: none;}#logo {margin-top: 54px;width: 80%;margin-left: 10%;}body {width: 700px;}#homelogo{margin-top: 54px;width: 80%;margin-left: 10%;}}

@media screen and (min-width: 1000px) {.site-wrap {width:auto;margin-left:200px;margin-right: 0;}label[for="nav-trigger"] {background-image: url("images/");height: 1px;width: 1px;}.onehundred_div {width: 70%;float:left;margin-top: 0;}#homelogo {width: 26%;float:left;margin-left: 2%;margin-right: 2%;margin-top: 50px;}}

@media screen and (max-device-width: 480px) {    label[for="nav-trigger"] {height: 100px;width: 100px;}.nav-item {width: 500px;}.nav-trigger:checked + label {  left: 500px;}.nav-trigger:checked ~ .site-wrap {left: 500px;}li a {font-size: 50px;}}