My two column layout not working for the CONTACT PAGE and ABOUT PAGE.

Resending my codes, there was a mistake, i did not place the codes for ABOUT PAGE under the correct media screen. I made the right adjustments however still no two column layout.

@media screen and (min-width: 480px) { /**************************** TWO COLUMN LAYOUT *****************************/

#primary {
    width: 50%;
    float: left;
}

#secondary {
    width: 40%;
    float: right;
}

} /**************************** PAGE: PORTFOLIO
*****************************/
#gallery li { width: 28.3333%; } #gallery li :nth-child (3n + 1) { clear: left; }

/**************************** PAGE: ABOUT
*****************************/

.profile-photo { float: left; margin: 0 5% 80px 0; }

}

@media screen and (min-width: 660px) {

}

CONTACT.html

</header>
<div id="wrapper">
<section id="primary"> <h3>General Information</h3> <p>I am not available for design, but I am willing to make contact with other students such as I.</p> <p>I can be reach best by email. Only contact me by phone for urgent matters. Thank You.</p> </section>
<section id="secondary"> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:916-555-5555">916-555-5555</a></li> <li class="mail"><a href="mailto:rwanda@example.com">rwanda@example.com</a></li> </ul>
</section>
<footer>