@media only screen and (min-width:320px)  { 
/* smartphones, iPhone, portrait 480x320 phones */ 
	.navbar .navbar-nav .nav-item {
		padding: .1em .5em;
	}
	.navbar .navbar-brand {
		font-size: .8em;
	}
	.navbar .navbar-brand  img {
		margin-left: .2em;
	        text-align: right;
        	height: 1.5em;
	        float: right;
	}
	.navbar .navbar-nav .nav-link {
		font-size: .7em;
		font-weight: bold;
	}
	.navbar .navbar-nav {
		margin-top: .5em;
	}
	.navbar .navbar-toggler .navbar-toggler-icon {
		display: inline-block;
		width: .5em;		
	}
}

@media only screen and (min-width:481px)  { 
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	.navbar .navbar-nav .nav-item {
		padding: .1em .5em;
	}
	.navbar .navbar-brand {
		font-size: 1.2em;
	}
	.navbar .navbar-brand  img{
		margin-left: 1em;
	        text-align: right;
        	height: 1.5em;
	        float: right;
	}
	.navbar .navbar-nav .nav-link {
		font-size: .7em;
		font-weight: bold;
	}
	.navbar .navbar-nav {
		margin-top: .5em;
	}
	.navbar .navbar-toggler .navbar-toggler-icon {
		display: inline-block;
		width: .5em;		
	}
}

@media (min-width:641px)  { 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	.navbar .navbar-nav .nav-item {
		padding: .1em .5em;
	}
	.navbar .navbar-brand {
		font-size: 1.7em;
	}
	.navbar .navbar-brand  img{
		margin-left: 1em;
	        text-align: right;
        	height: 1.7em;
	        float: right;
	}
	.navbar .navbar-nav .nav-link {
		font-size: .7em;
		font-weight: bold;
	}
	.navbar .navbar-nav {
		margin-top: .5em;
	}
	.navbar .navbar-toggler .navbar-toggler-icon {
		display: inline-block;
		width: .5em;		
	}
}
@media (min-width:961px)  { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.navbar .container-fluid {
        	flex-direction:column;
    	}
	.navbar .navbar-nav .nav-item {
        	padding: .5em 1em;
    	}
    	.navbar .navbar-brand {
        	font-size: 2.5em;
    	}
    	.navbar .navbar-brand  img{
        	margin-left: 1em;
	        text-align: right;
        	height: 1.5em;
	        float: right;
    	}
	.navbar .navbar-nav .nav-link {
    		font-size:   1.1em;
		font-weight: bold;
	}
}

@media (min-width:1025px) { 
/* big landscape tablets, laptops, and desktops */ 

}

@media (min-width:1281px) { 
/* hi-res laptops and desktops */ 

}