.menu_h {
            top:0;
            height:50px;
            margin:0;
            padding:0;
            background-color:#89B899;
            }
            .menu_h_li {
            top:0;
            float:left;
            }
            li a, .dropbtn {
            display:inline-block;
            color:white;
            text-align:center;
            padding-left:22px;
            padding-top:0px;
            padding-right:12px;
            text-decoration:none;
            }
            li a:hover, .dropdown:hover .dropbtn {
            height:auto;
            background-color:#74AC87;
            color:white;
            }
            li.dropdown {
            height:auto;
            display:inline-block;
            }
            .dropdown-content {
            top:106px;
            display:none;
            position:absolute;
            background-color:#74AC87;
            min-width:160px;
            z-index:1;
            }
            .dropdown-content a {
            color:white;
            padding:6px 16px;
            text-decoration:none;
            display:block;
            text-align:left;
            }
            .dropdown-content a:hover {background-color:#4A7C5B;}
            .dropdown:hover .dropdown-content {
            display:block;
            }
        body {
        background-color:#D8E6D5;
        color:#487858;
        font-family:Open Sans,Arial,sans-serif;
        }
        hr {
        background-color:black;
        height:3px;
        border:0px;
        }
        img {
            width: 360px;
            min-height: 300px;
            display: block;
            margin: 10px auto;
            border: 2px solid #74AC87;
            box-sizing: border-box;
            }
        img::before {
            width: 360px;
            min-height: 300px;
            display: block;
            padding-top: calc(100% *2 / 3);
            padding-bottom: 55.3%;
            }
        img::after {
            display: block;
            transform: translate(-50%, -50%);
            }
        h1 {
        font-size:200%;
        margin:1%;
        }
        h2 {
        font-size:175%;
        margin:1%;
        }
        h3 {
        font-size:150%;
        margin:1%;
        }
        h4 {
        font-size:130%;
        margin-left:3%;
        }
        h5 {
        font-size:115%;
        margin-left:6%;
        }
        p {
        font-size:100%;
        margin-left:1%;
        }
        #table_fancy {
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse:collapse;
        width:100%;
        }
        #table_fancy td, #table_fancy th {
        border:1px solid #ddd;
        padding:8px;
        }
        #table_fancy tr:nth-child(even){background-color:#f2f2f2;}
        #table_fancy tr:hover {background-color:#ddd;}
            #table_fancy th {
            padding-top:12px;
            padding-bottom:12px;
            text-align:left;
            background-color:#4D85EA;
            color:white;
            }