body{
                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                margin: 0;
                padding: 0;
            }
            

            /*Header*/

            header{
                background: black;
                background-image: url(images/Aisha\ wallpaper_jamnon.jpg);
                background-size: 100%;
                background-position: center;
                padding: 40px;
                height: 400px;
                text-align: center;
            }
            header a{
                text-transform: uppercase;
                color: white;
                text-decoration: none;
                margin-top: 40px;
            }
            footer{
                color: white;
                background-color: black;
                padding: 10px 0 10px 30px;
            }
            header .mobile {
                display: none;
            }
            header .logo a{
                background-image: url(images/logo.png);
                background-size: 300px;
                background-repeat: no-repeat;
                display: inline-block;
                height: 188px;
                width: 300px;
                position: relative;
                top: -40px;
                text-indent: -999999px;
            }
            nav ul{
                list-style-type: none;
                display: inline-block;
                margin: 0;
                padding: 0;
            }
            nav li{
                display: inline-block;
                margin-right: 20px;
            }
            h1{
                color: white;
            }
            div{
                background-color: blue;
                margin: auto;
                width: 100px;
            }
            /*Response rule*/

            @media screen and (max-width:729px) {
                header {
                    height: 200px;
                    background-position: 0 -30px;
                }
                header .mobile{
                    display: inline-block;
                }
                header .desktop{
                    display: none;
                }
            }

            @media screen and (max-width: 500px) {
                header{
                    height: 160px;
                }
            }

            /*Feature*/

            .features figure{
                margin: auto;
                text-align: center;
                text-transform: uppercase;
                width: 200px;
            }
            .features figure img{
                border: 1px solid white;
                border-radius: 10px;
                box-shadow: black 0 0 10px;
                width: 200px;
            }
            .features{
                background-color: white;
                color: grey;
                padding: 20px;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

            /*responsive rule*/

            /*@media screen and (max-width:729px) {
                .features{
                    display: block;
                }
            }*/
            
            /*Footer*/
            
            footer{
                background: black;
                color: grey;
                font-size: 12px;
                text-align: center;
                padding: 20px;

            }

            /*optimize*/