.footer-note {
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.15em 0.5em;
	position: fixed;
 	left: 0;
	text-align: left;
 	width: auto;
	bottom: 0;
 }


/*
┌───────────────────────────────┐
│   M E D I A   Q U E R I E S   │
│                               │
│   -576                        │
│   +576                        │
│   +768                        │
│   +992                        │
│   +1200                       │
│                               │
└───────────────────────────────┘
*/

.media-queries {
}

@media all and (max-width: 1800px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " (> 1400)";
	}
}

@media all and (max-width: 1400px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " (> 1200)";
	}
}

@media all and (max-width: 1200px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " (> 992)";
	}
}

@media all and (max-width: 992px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " (> 768)";
	}
}

@media all and (max-width: 768px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " (> 576)";
	}
}

@media all and (max-width: 576px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " (< 576)";
	}
}

/*
┌─────────────────┐
│   B A D G E S   │
│                 │
│   #tablet       │
│   #laptop       │
│   #desktop      │
│   #big-desktop  │
│                 │
└─────────────────┘
*/

/* Extrq extra Large */
@media all and (min-width: 1400px) {
	#phone, #tablet, #laptop, #desktop, #big-desktop {
		display: none;
	}
	#big-big-desktop {
		display: inline;
	}
}

/* Extra Large */
@media all and (min-width: 1200px) and (max-width: 1399px) {
	#phone, #tablet, #laptop, #desktop, #big-big-desktop {
		display: none;
	}
	#big-desktop {
		display: inline;
	}
}

/* Large */
@media all and (min-width: 992px) and (max-width: 1199px) {
	#phone, #tablet, #laptop, #big-desktop, #big-big-desktop {
		display: none;
	}
	#desktop {
		display: inline;
	}
}

/* Medium */
@media all and (min-width: 768px) and (max-width: 991px) {
	#phone, #tablet, #desktop, #big-desktop, #big-big-desktop {
		display: none;
	}
	#laptop {
		display: inline;
	}
}

/* Small */
@media all and (max-width: 767px) {
	#phone, #laptop, #desktop, #big-desktop, #big-big-desktop {
		display: none;
	}
	#tablet {
		display: inline;
	}
}

/* Extra small */
@media all and (max-width: 575px) {
	#tablet, #laptop, #desktop, #big-desktop, #big-big-desktop {
		display: none;
	}
	#phone {
		display: inline;
	}
}