@media all and (min-width: 960px) {
    body{
        font: 14px Courier New, Verdana, Arial, sans-serif;
        color: #333;
        padding: 0;
    }

    .about-wrapper {
    margin:10%;
    }

    #content
    {
        margin: 50px 0px 0px 50px;    
    }

    #aboutname{
        display:inline-block;
        float: left;
        width:30%;
         max-width:250px;
    }

    #aboutcontent{
        margin-top:0px;
        display:inline-block;
        float: left;
        width:50%;
        max-width:400px;
        margin-left:50px;

    }
    #aboutcontent p{
        margin-top:0px;
    }

    .column-content {
        height:750px;
        align-content:center;
        display:table-cell;
        vertical-align:middle;
    }



}
 
@media all and (max-width: 959px) and (min-width: 600px) {
    body{
    font: 14px Courier New, Verdana, Arial, sans-serif;
    color: #333;
    padding: 0;
    }

    .about-wrapper {
    /*margin:20%;*/
    }

    #content
    {
        margin: 50px 0px 0px 50px;    
    }

    #aboutname{
        display:inline-block;
        float: left;
        width:30%;
    }

    #aboutcontent{
        display:inline-block;
        float: left;
        width:auto;

    }

}
 
@media all and (max-width: 599px)  {
    body{
    font: 14px Courier New, Verdana, Arial, sans-serif;
    color: #333;
    padding: 0;

    }

    .column {
        width: 100%;
    }

    .about-wrapper {
    /*margin:20%;*/
    }

    #content
    {
        margin: 10px 0px 0px 10px;    
    }

    #aboutname{
        display:block;
    }

    #aboutcontent{
        display:block;

    }

 
}

img.home{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-width:0px;
    }


.plane
{
    background-color:#fff;
    }

img.posright
{
    float:right;
    clear:right;
    }
    
img.poscenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-width:0px;
    z-index:-1;
}

header
{
    margin:10px;
    height:5em;
    }

/*
nav li
{
    float:left;
    padding-right:20px; 
    list-style-type:none;
    
    }
*/



    
#centerbox 
{
    width: auto;
    /*text-align:center;*/
    margin-left: 100%;
    margin-right: auto;
}

nav li {
    background: url("images/nav-sep.jpg") no-repeat scroll left center transparent;
    color: #666666;
    float: left;
    list-style: none outside none;
    margin: 0 3px;
    padding-left: 8px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}



.centerplane{
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
}
    
a
{
    color:#000;
    font-style:normal;
    text-decoration:none;
    }

a.selected
{
    color:#0f0f0f;
    text-decoration:underline;
    }


        #instafeed {
            padding: 20px 20px 100px 20px;
            max-width: 600px;
            margin: 0 auto;
            list-style: none;
            text-align:center;
        }

            #instafeed li {
                display: inline-block;
                /*width: 440px;*/
                margin: 0;
                padding: 20px;
                text-align: left;
                position: relative;
            }

            #instafeed div {
                position: relative;
            }

            #instafeed img {
                max-width: 100%;
                display: block;
                position: relative;
                z-index: 10;
                -webkit-transition: -webkit-transform 0.4s;
                -moz-transition: -moz-transform 0.4s;
                transition: transform 0.4s;
            }

                /*#instafeed img:hover {
                    -webkit-transform: translateY(-120px);
                    -moz-transform: translateY(-120px);
                    -ms-transform: translateY(-120px);
                    transform: translateY(-120px);
                }*/

            #instafeed h3 {
                width: 100%;
                display: block;
                position: absolute;
                margin: 0;
                top: 0;
                left: 0;
                padding: 30px;
                background: #e74c3c;
                color: #fff;
                height: 120px;
                top: auto;
                bottom: 0;
            }

            .photo-box {
                
            }

            .image-wrap
            {
                margin: 0 auto; width: 100%; 
                margin-top:10px;
                margin-bottom:20px;
            }
            .likes
            {
                margin-top:10px;
            }

            div.description  {
                 width: 100%;
                text-align:left;
                margin-top:20px;
                margin-bottom:40px;
            }