#topline {
	position: fixed;
	top: -60px;
	z-index: 99999999999;
	width: 100%;
	padding: 0;
	transition: all .35s ease-in-out;
}

#topline.active {
	top: 0;
}

#topline p {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.4rem;
	color: #FFF;
	text-align: center;
	line-height: 40px;
}

/* Small screens */
#topline {
	background: #6C7A89;
	color: white;
	height: 40px;
}

/* tabletts */
@media (min-width: 540px) {
	#topline { background: #BE90D4; }
}

/* tabletts */
@media (min-width: 768px) {
	#topline { background: #C0392B; }
}

/* Midsize screens */
@media (min-width: 992px)  {
	#topline { background: #67809F; }
}

/* Large screens */
@media (min-width: 1300px)  {
	#topline { background: #4DAF7C; }
}

/* Large screens */
@media (min-width: 1600px)  {
	#topline { background: #E9D460; }
}

.topline_icon {
	background: url(../img/shirt.svg);
	position: fixed;
	z-index: 1100000;
	top: 5px;
	left: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.topline_icon.inactive {
	background: url(../img/shirt_no_circle.svg);
}