.content
{
    /*position: static;*/ 
    /*overflow: scroll;*/
    /*max-height:100vh;*/
    /*height: 750px;*/
    /*width: 70%;*/ 
    /*overflow-y: auto;*/ 
    /*overflow-x: hidden;*/ 
    margin-left: 25%; 
    /*top: 25%;*/
}

.navextra
{
    position: fixed;
    padding:1px;
    -webkit-box-shadow:none; 
    box-shadow:none; margin-left:10%;
    border-color:white;
    /*overflow: scroll;*/
    /*max-height:100vh;*/
    /*height: 750px;*/
    /*width: 70%;*/ 
    /*overflow-y: auto;*/ 
    /*overflow-x: hidden;*/ 
    /*left: 30%;*/ 
    /*top: 25%;*/
}

.navbar-collapse.collapse {
display: block!important;
}


.navbar-nav.navbar-right:last-child {
margin-right: -15px !important;
}

.navbar-right {
float: right!important;
}

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

    #vertnav
    {
        display: block;
    }

    #horinav
    {
        display: none;
    }
    #p1, #p2, #ptitle
    {
        display: none;
    }
}

@media screen and (max-width: 480px) {

    #maincontent    { margin-left: 1%;}
    .navbar-collapse    {padding-left:1px;}
    #vertnav   { display:none; }
    #pheader1, #pheader2, #pheader3, #pheader4, #pheader5, #pheader6, #pheader7
    {
        display: none;
    }
    #row1, #row2, #row3, #row4, #row5, #row6, #row7
    {
        display: none;
    }
    #col1, #col2, #col3, #col4, #col5, #col6, #col7
    {
        display: none;
    }
    #mainjpg
    {
        display: none;
    }
    #swathe1, #swathe2, #swathe3, #swathe4, #swathe5, #swathe6, #swathe7
    {
        display: none;
    }
    #horinav   
    {        
        display:block;         
        position: fixed;
        padding:1px;
        -webkit-box-shadow:none; 
        box-shadow:none; margin-left:10%;
        border-color:white;
        overflow: scroll;
        /*max-height:50%;*/
        /*height: 750px;*/
        /*width: 70%;*/ 
        overflow-y: auto; 
        overflow-x: hidden; 
        /*left: 30%;*/ 
        /*top: 25%;*/
        /*padding-bottom:25vh;*/
    }

    #content
    {        
        /*padding-top: 10%;*/
        position: fixed; 
        /*overflow: scroll;*/
        max-height:100vh;
        /*height: 70%;*/
        /*width: 70%;*/ 
        overflow-y: auto; 
        overflow-x: hidden; 
        /*margin-left: 25%;*/ 
        top: 35%;
    }
    #digitalpresence, #publicrelations, #marketing, #portfolio, #exposuregurus, #aboutus, #contact
    {
        background:no-repeat;
        background-image: url('/images/swathe1.png');
    }
}