/*------------------------------------------
--------------------------------------------
Responsive Coding
--------------------------------------------
Includes:
All code edits to make it into a responsive
theme that works on mobile devices.
--------------------------------------------
------------------------------------------*/
/*------------------------------------------
     1050px Media
------------------------------------------*/
@media only screen and (max-width: 1050px), only screen and (max-device-width: 1050px) {

.menu-link i {
    display:inline!important;
    font-size:18px!important;
    font-family:'FontAwesome';
}

.navibar a:link i {
    display:none;
    padding:0;
}

.site-logo {
    display:none;
}

.mobile .site-title {
    color:#5e5e5e;
    text-shadow: 2px 2px rgba(255,255,255,0.4);
}

.mobile .site-slogan {
    background-color:#ffffff;
    color:#232323;
}

.mobile .border {
    background-color:#e9e9e9;
    height:1px;
    width:100%;
    margin-top:10px;
}

.mobile {
    display:block;
    padding-top:15px;
    padding-bottom:15px;
}


#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;
}

.n1 {
    width:100%;
}
.n2 {
    width:0%;
}

}

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

.featured img {
margin:0;
margin-bottom:8px;
width:100%!important;
height:auto!important;
}

.featured img:hover {
margin:0;
margin-bottom:8px;
width:100%!important;
height:auto!important;
}

.navibar {
        font-size: 100%;
        text-transform:uppercase;
        letter-spacing:1px;
        padding-top:0px;
}

.navibar li{
        display:block;
        padding:8px;
        border-bottom: 1px solid #4d4d4d!important;
}

}

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

.mobile .site-title {
    font-size:130%;
}

.mobile .site-slogan {
    font-size:60%;
}

}