body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
}

a {
    text-decoration: none;
}

.slide-menu {
    position: absolute;
    width: 14%;
    background-color: #0599BD;
    height: 100vh;
    position: fixed;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 0.9vw;
    color: #fff;
    z-index: 500;
    margin-left: -14%;
}

    .slide-menu a {
        color: #fff;
    }

.main {
    width: 98.9%;
    padding: 0.6%;
    background-color: rgba(246, 248, 251, 0.92);
    display: table;
    position: fixed;
    box-shadow: 0px 1px 15px #033d4a;
    z-index:500;
}

    .main .main-menu {
        list-style-type: none;
        width: 90%;
        margin: 0 auto;
        padding: 3px 0 0 0;
        font-size: 1vw;
    }

        .main .main-menu .main-menu-list {
            display: inline-block;
            width: 16%;
            /*border:1px solid blue;*/
            text-align: center;
            padding: 0.6% 0;
            letter-spacing: 3px;
        }

    .main .main-item {
        float: left;
    }

.main-menu a {
    text-decoration: none;
    color: #02252d;
}