@media screen and (min-width:480px){#primary{width:50%;float:left}#secondary{width:40%;float:right}#projects li{width:25%}#projects li:nth-child(4n){clear:left}.profile-photo{float:left;margin:0 5% 80px 0}}@media screen and (min-width:660px){nav{background:0 0;float:right;font-size:1.125em;margin-right:5%;text-align:right;width:45%}#logo{float:left;margin-left:5%;text-align:left;width:45%}h1{font-size:2.5em}h2{font-size:.825em;margin-bottom:20px}header{border-bottom:5px solid #00287a;margin-bottom:60px}}