body {font-family:Lato, sans-serif;}
h1 {color:#fff;font-family:Tangerine,arial,helvetica,sans-serif;font-size:90px;line-height:90px;font-weight:400;margin-bottom:0;margin-top:0;margin-left:0;text-align:center;text-shadow:0 1px 1px #fff;}
h2 {color:#fff;font-family:Tangerine,arial,helvetica,sans-serif;font-size:50px;line-height:50px;font-weight:400;margin-bottom:0;margin-top:15px;margin-left:0;text-align:left;text-shadow:0 1px 1px #fff;}
#parent1 {width:100%;height:auto;text-align:center;border:solid 1px #55b9d4;letter-spacing:normal;white-space:nowrap;overflow:hidden;background-color:#55b9d4;}
#parent2 {width:100%;height:auto;border:solid 1px #fff;text-align:center;font-size:20px;letter-spacing:normal;white-space:nowrap;overflow:hidden;background-color:#4dcfe7;}
#parent3 {width:100%;height:auto;border:solid 1px #fff;letter-spacing:normal;white-space:nowrap;overflow:hidden;background-color:#333;}
.textwrap {width:100%;height:auto;display:block;font-family:Lato, sans-serif;word-wrap:normal;word-break:normal;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.haikucolumn {width:50%;height:auto;display:inline-block;vertical-align:middle;}
.haikublock {width:100%;height:auto;display:block;font-family:arial,helvetica,sans-serif;font-size:15px;color:#fff;line-height:normal;font-weight:400;text-align:center;text-decoration:none;padding-top:1px;padding-bottom:1px;border-bottom:0;box-shadow:0 52px 3px -52px #7d7;word-wrap:normal;word-break:normal;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.haikuheader {width:100%;height:70px;display:block;background-color:#303030;overflow:hidden;padding-left:5px;padding-top:0;text-decoration:none;text-align:left;}
.sidenav {height:50%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#333;border: solid 2px #4dcfe7;overflow-x:hidden;transition:.5s;padding-top:60px;}
.sidenav a {text-decoration:none;font-family:Lato, sans-serif;font-size:25px;color:#818181;display:block;transition:.3s;padding:8px 8px 8px 32px;}
.sidenav a:hover,.offcanvas a:focus {color:#4dcfe7;}
.sidenav .closebtn {position:absolute;top:0;right:18px;font-family:Lato, sans-serif;font-size:50px;margin-left:50px;}
<!--social icon-->.social-container {width:100%;height:100%;position:position: inline-block;border:solid 1px #fff;overflow:hidden;}
.social li {list-style-type:none;height:43px;padding-right:50px;}
.social li img {display:inline-block;-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%);margin:5px 10px 5px 5px;}
.social li img:hover {cursor:pointer;-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:none;zoom:0;-webkit-filter:grayscale(0%);}
#scroll {position:fixed;right:10px;bottom:10px;cursor:pointer;width:50px;height:50px;background-color:#ff7361;text-indent:-9999px;display:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;}
#scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#fff;}
#scroll:hover,#scroll:focus {background-color:#1ca86f;opacity:1;-ms-filter:alpha(opacity=100);}
@media screen and max-height 450px {.sidenav {padding-top:15px;}
.sidenav a {font-size:18px;}
}