SO http://is.gd/ICZ4Wq

by panchroma

HTML

<link rel="stylesheet" href="http://thisisdallas.github.io/Simple-Grid/simpleGrid.css">
    <div class="grid" id="nav-wrapper-grid">
        <!-- Start Columns -->
    <div class="col-1-1">
        <!-- Start Navigation Wrapper -->
        <nav id="nav-wrapper">
            <div id="links">
                <a href="#" id="nav-logo"><!-- <img src="images/TEST.png" /> --></a>
                <ul id="nav">
                    <li><a href="#">TEST</a></li>
                    <li><a href="#">TEST</a></li>
                    <li><a href="#">TEST</a></li>
                    <li><a href="#">TEST</a></li>
                </ul>
            </div>
        </nav>
        <!-- End Navigation Wrapper -->
        </div>
        <!-- End Columns -->
    </div>
    <!-- End Navigation Grid -->

    <!-- Start Mission Statement Grid -->
    <div class="body-background">

    <div class="grid grid-pad" id="body-wrapper-grid">
        <div class="col-7-12" id="iphone-mockup">
            <!-- <img src="images/iphoneMockup.png" /> -->
        </div>

        <div class="col-5-12" id="mission-statement">
            <div id="main-logo">
                <a href="#"><!--<img src="images/image.png"/> --></a> 
            </div>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id malesuada est. Sed elementum magna dictum aliquam fringilla. Pellentesque nec viverra augue. Nam cursus arcu nec bibendum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent est nisl, pretium sed diam a, porta gravida urna. Donec facilisis eleifend lectus, ac facilisis eros vehicula a. Curabitur hendrerit, risus non pharetra semper, mi ipsum viverra arcu, a tincidunt velit neque vitae enim. Cras elementum est sit amet luctus aliquet.</p>

            <div id="app-store-badge">
               <!--  <img src="images/appStoreBadge.png" /> -->
            </div>

        </div>
    </div>
    </div> <!-- end body-background...

CSS

html, body {
    margin: 0;
    padding: 0;
    /* background-color: #cecece; */
    overflow-x: hidden;
    font-family: 'HouschkaAlt', Fallback, sans-serif;
}

.body-background{
    background-color:pink!important;  
}
#mission-statement{
    background-color:transparent!important;
}

@font-face {
        font-family: 'HouschkaAlt';
        src: url('fonts/FontName.eot');
        src: url('fonts/FontName.eot?iefix') format('eot'),
             url('fonts/FontName.woff') format('woff'),
             url('fonts/HouschkaAlt-Medium.ttc') format('truetype');
        font-weight: normal;
        font-style: normal; }

#nav-logo img {
    width: 150px;
    height: 40px;
}

.grid {
    background-color: #fff;
}




/*      NAVIGATION LINKS         */

li a {
        display: block;
        width:100%;
        background:#fff;
        color: #3d6430;
        font-size: 15px;
        line-height: 40px;
        text-decoration: none;
        margin-top: 5px;
        padding-left: 20px;
    }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    #nav-wrapper-grid {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    left:0;
    z-index: 100;
    }



    #links {
            width: 960px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 20px;
        }


    #nav-logo {
           float: left;
           display: inline;
        }

    ul {
        width:100%;
        background-color: #fff;
        height: 40px;
        padding: 0;
        display: inline;
        }

    li {
        padding: 0 20px;
        float: left;
        list-style-type: none;
        } 

    #menu {
            display: none;
        }   

    #body-wrapper-grid {
        background: url('images/downtown.jpg') 0 0 repeat-x;
        width: 9999px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        overflow: hidden;
    }

    #iphone-mockup img {
        vertical-align: bottom;
        margin: 0...