/* very small devices (smart phones, 767px and down) */
@media (max-width: 767px) {
    
    #content {
        /*padding: 0 20px;*/
    }
    
    #content img.fullwidth {
        width: 100%;
        height: auto;
    }
    
    #header {
        padding: 20px 0 50px;
    }
    
    #logo {
        float:left;
        padding: 0 0 0px 20px;
        margin-bottom: 10px;
    }
    
    #logo h1 {
        font-size: 130%;
    }
    
    
    .navbar-toggle-container {
        float: right;
    }
    
    .navbar {
        min-height: 5px;
    }
    
    
    .hide-mobile {
        display: none;
    }
    .nav>li {
        width: 100%;
        float: none;
    }
    
    
    .nav>li>a {
        text-align: center;
        font-size: 1.4em;
        
        margin: 0 0 1px !important;
        padding: 5px 10px !important;
    }
    
    
    .nav>li>a:hover, .nav>li>a:focus, .nav>li>a.selected {
        background-color: #0f6;
        color: #000 !important;
    }
    
    .tablelinks {
        background: none;
    }
    
    .tablelinks img {
        width: auto !important;
    }
    
    .navbar-collapse {
        padding: 0 !important;
    }
    
    #navigation ul {
        padding: 0 !important;
    }
    
    .desktop-only {
        display: none !important;
    }
    
    #Layeranita {
    left: 25%;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .mobile-only {
        display: none !important;
    }
    
    #container {
	  width: 800px;
    }
    
    .navbar-collapse {
        padding: 0 !important;
    }
    
    .nav {
	margin:0;
	padding:0;
	list-style:none;
    }
    
    .nav>li>a:hover, .nav>li>a:focus {
        background: none;
    }
    
    .nav > li {
        display: block;
  float: left;
    }
    
    #navigation a.selected {
	border-bottom:2px solid #0f6;
    }
    
    
    
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
}