@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
	.logo { background-image: url('../Slice_logo_md.png') !important; width: 100% !important; }	
	header { padding: 1.5rem !important; }
}

@media (max-width: 415px) {
	.logo { background-image: url('../Slice_logo_sm.png') !important; width: 100% !important; }
	h1 { font-size: 3rem !important; }
	header { padding: 1.5rem !important; }
	nav { padding-left: 0 !important; padding-right: 0 !important; }
}

.navbar-nav { flex-direction: row !important; }
.navbar-brand { display: block !important; margin-left: auto !important; margin-right: auto !important; }

/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}