@media screen and (max-width:768px) {
    .article-bg img {
        width: 100%;
        height: 100%;
    }
    .header {
        width: 100%;
        height: 100%;
    }
    .logo2 {
        top: 3%;
        width: 30%;
        height: 85%;
        left: 70%;
    }
    .container .grid_6 {
        display: none;
    }
    .menur {
        display: inline;
        width: 100%;
    }
    .container .grid_18 {
        width: 100%;
        height: 100%;
    }
    .article-bg {
        width: 100%;
        height: 100%;
    }
    li {
        margin-left: 0;
    }
    h1.logo1 {
        left: 3%;
        width: 60%;
        top: 60%;
    }
    ul.topnav li:not(:first-child) {
        display: none;
    }
    ul.topnav li.icon {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }
    ul.topnav {
        overflow: inherit;
        padding: 10px;
    }
    ul#myTopnav {
        background-color: #fff;
    }
    ul.topnav.responsive {
        position: relative;
    }
    ul.topnav.responsive li.icon {
        top: 5px;
        text-align: center;
    }
    ul.topnav.responsive li {
        float: none;
        display: inline;
        padding: 0px 0px 0px 1px;
    }
    ul.topnav.responsive li a {
        display: block;
        text-align: center;
        font-size: 18px;
    }
}