@media screen and (min-width:1200px)
{
#nav-main
    {
    float:left;
    margin:100px 0 0 -100px;
    width:150px;
    }

    #content-main
{
    width:50%;
    margin-left: 200px;
    margin-top:-270px;
    }

    #content-secondary
    {
    margin-top:-270px;
    }

}
@media screen and (max-width:760px)
{
    #nav-main
    {
        width:600px;
    }

    #content-main
    {
    width:60%;

    }

    .feature{

        width:100%;
    clear:both;

    }
    .feature h2
    {
        margin-left:250px;
        margin-top:-100px;
width:80%;

    }
    .feature h3{
        margin-left:250px;
width:80%;
margin-right:-50px;
    }
    .feature p{
        margin-left:250px;
        width:80%;
        margin-right:-50px;
    }
    #feature-candy {
        background-image: url(images/icon_candy_128-trans.png);
        margin-left:-90px;
     }

#feature-pastry { background-image: url(images/icon_pastry_128-trans.png);  margin-left:-90px;}
#feature-dessert { background-image: url(images/icon_dessert_128-trans.png);    margin-left:-90px;}
}