/*------------------------------------------
--------------------------------------------
Responsive Coding
--------------------------------------------
Includes:
All code edits to make it into a responsive
theme that works on mobile devices.
--------------------------------------------
------------------------------------------*/


/*------------------------------------------
     1024px Media
------------------------------------------*/
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {


#header {
        margin-top:0px;
}

#navigation {
        line-height:40px;
}

#sitenamecontainer { 
        position:relative!important;
        width:100%!important;
        height:100%!important;
        top:20px!important;
        left:0!important;
}

#social {
        display:none;
}


.full {
    display:block;
    width:100%;
}


#stitle {
        font-size:38px!important;
        width:100%!important;
}

.slogan {
        font-size:8px!important;
}

#wrapper{
        margin:0 auto;
        width: 100%!important;
        margin-top:0px;
}

#container{
        overflow:hidden;
        z-index:1; 
        width:100%!important;
        margin:0 auto;
}



#sidebar {
        width:100%!important;
        margin-top:25px;
        margin-bottom:-30px;
}

#content {
        width:100%!important;

}


.featured img {
width:100%!important;
height:auto!important;
}

.featured img:hover {
width:100%!important;
height:auto!important;
}

#footer {
margin-top:-50px;
}

}


/*------------------------------------------
     450px Media
------------------------------------------*/
@media only screen and (max-width: 450px), only screen and (max-device-width: 450px) {

#stitle {
        font-size:25px!important;
        width:100%!important;
}
}