.header{
        background-color: white;
        width: 100%;
        position: fixed;
        box-shadow: 2px 3px #d9d9d9;
        height: 70px;
        margin: -8px 0 0 -8px;
}
.hor-menu{
        width: 100%
        background-color: white;
        margin: 0 0 0 70px;
}
.hor-menu a{
        font-size: 15px;
        color: black;
        text-decoration: none;
        padding: 0 10px 0 30px;
}
.hor-menu a:hover{
        color: LightGray;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
}
.menuToggle a{
        text-decoration: none;
        color: #232323;
        transition: color 0.3s ease;
}
.menuToggle a:hover{
        color: tomato;
}
.menuToggle{
        display: block;
        position: fixed;
        top: 25px;
        left: 40px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
}
.menuToggle input{
        display: block;
        width: 39px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -7px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
}
.menuToggle span{
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: black;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}
.menuToggle span:first-child{
        transform-origin: 0% 0%;
}
.menuToggle span:nth-last-child(2){
        transform-origin: 0% 100%;
}
.menuToggle input:checked ~ span{
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #232323;
}
.menuToggle input:checked ~ span:nth-last-child(3)
{
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
}
.menuToggle input:checked ~ span:nth-last-child(2){
        transform: rotate(-45deg) translate(0, -1px);
}
.menu{
        position: absolute;
        width: 300px;
        margin: 21px 0 0 -60px;
        padding: 50px
        padding-top: 125px;
        background: #d9d9d9;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
.menu li{
        padding: 10px 0;
        font-size: 22px;
}
.menuToggle input:checked ~ ul{
        transform: none;
}
.view{
	text-align: center;
	height: 20px;
}