/* Enter Your Custom CSS Here */

@media only screen and (min-device-width: 481px) and (max-device-width: 1400px) and (orientation:landscape) {

  #primary {
    
    max-width:170px;
    
  }
  
 
  }
  


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

  
  #site-description {
  
    margin: 0px;
    
}
  
  #primary {
		overflow-y: scroll !important;
		max-height:500px !important;
    padding-bottom:50px;
	}
  
 
  
}

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

  p.unidentified div {
    float: none;
    margin: 0px;
}
  
}


@media only screen and (max-device-width: 480px) {
  
  #branding img {
   
    display: none;
}
	
	
	
	#header {
		background-color: #fff;
		width:100%;
		position: inherit;
	}
	
	#container {
		margin: 0 !important;
		width: 90% !important;
        overflow: hidden !important;
	}
	
	#content {
		margin: 0 !important;
		/*padding: 5px !important;*/
    	padding-right: 10px !important;
		width: 97% !important;
	}
	
	#entry-content{
		width:100% !important;
    	padding:5px !important;
	}
	
	
	#wrapper{
		margin: 0 auto;
    	width: 100%;
	}
	
	#primary{
		display:block;
	}
	
	#primary, #secondary {
		border-right: 0 !important;
		font-size: 0.955em;
		height: auto;
		line-height: 130%;
		padding-top: 20px;
		position: static !important;
		width: 248px;
	}
	
	
	
	#site-title a {
		font-size: 23px;
	}
	#main {
	   padding: 0px 0 0 0;
	}
	
	.entry-title-cat {
		margin-top: 10px;
	}
  
    .site-description{
    	width: 97% !important;
    	padding-right: 10px !important;
    }
  
    #access {
		max-width: 100%;
	}

}


@media only screen and (max-device-width: 320px) {
	
	#container {
		margin: 0 !important;
		width: 90% !important;
        overflow: hidden !important;
	}
  
  #content {
		margin: 0 !important;
		/*padding: 5px !important;*/
        padding-right: 10px !important;
		width: 97% !important;
	}
	
	#entry-content{
		width:100% !important;
    	padding:5px !important;
	}
	
	
	#wrapper{
		margin: 0 auto;
    	width: 100%;
	}
  
    .site-description{
    	width: 97% !important;
    	padding-right: 10px !important;
    }
  
   #access {
		max-width: 100%;
	}
  
  
}


@media only screen and (device-width: 768px) {
  
 
  
  
	#header {
		background-color: #fff;
		/*width:100%;*/
		width: auto !important;
		position: inherit;
		margin-left: 190px;
	}
	
	#content{
		margin-left: 190px !important;
	}
	
	.one-column #content {
		margin: 10px 0 0 190px !important;
		width: 100% !important;
	}
	
	.entry-content{
		padding-right: 190px !important;
	}
	
	
	#site-title  {
		width: 100% !important;
	}
	
	#site-title a {
		font-size: 23px;
	}
	#main {
	   padding: 0px 0 0 0;
	}
	
	.entry-title-cat {
		margin-top: 10px;
	}
	
	#site-description{
		width: 100% !important;
		margin: 10px 0 0 0 !important;
	}
  
    .site-description{
    	width: auto !important;
    	padding-right: 10px !important;
    }
  
    #access {
		max-width: 100%;
	}
	
	#primary, #secondary {
		overflow-y: scroll !important;
		height:768px !important;
	}
	
}