@media (orientation: portrait) {
                header {
                    width: 100%;
                    text-align: center;
                }

                main {
                    width: 100%;
                }

                section {
                    width: 100%;
                }

                footer {
                    width: 100%;;
                }

                img {
                    width: 100%;
                }
            }

            @media (orientation: landscape) {
                header {
                    text-align: center;
                }

                header, section, main, footer {
                    width: 70%;
                    margin-left: 15%;
                }

                img {
                    width: 100%;
                }
            }
            
                body {
                    font-family:Arial,Helvetica,'Lucida Sans Unicode','Lucida Grande',sans-serif;
                }