body, html {
	min-width: 375px !important;
}

.divider-25px {
	height: 25px;
}

.divider-50px {
	height: 50px;
}

.logo {
	position: absolute;
	left: calc(50% - 91px);
	top: 10px;
	width: 182px;
	height: 50px;
}

.product_header {
	font-size: 14pt;
}

.navshade {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 75px;

	background: rgba(0, 0, 0, 0.85);
}

.navshade2 {
	position: absolute;
	left: 0px;
	top: 75px;
	width: 100%;
	height: 50px;

	background: rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(black, rgba(0, 0, 0, 0));
	background: -o-linear-gradient(black, rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(black, rgba(0, 0, 0, 0));
	background: linear-gradient(black, rgba(0, 0, 0, 0));
}

.navshade3 {
	position: absolute;
	left: 0px;
	top: 75px;
	width: 100%;
	height: 10px;

	background: rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.toc.item {
	display: block !important;
}

.ui.card {
	width: 100%;
	height: auto;
}

.ui.feed {
	width: 75%;
	margin-left: 12.5%;
}

.ui.feed > .event > .content > .extra.text {
	width: 100%;
	max-width: none;
}

@media (min-height: 160px) {
	.ui.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 160px;
	}
}

.overlay_window {
	position: fixed;

	left: 0px;
	top: 0px;

	width: 100%;
	height: 100%;

	background: rgba(0, 0, 0, 0.75);
	color: #FFF;

	display: flex;
    align-items: center;
}

.overlay_window > .content {
	width: 25%;

	margin-left: 37.5%;

	text-align: center;
}

.feed * {
	max-width: 100%; !important;
}