/* MOBILE */
@media only screen and (max-width: 600px) {
	h1.logo {
		font-size: 18px;
	}
	.nav-button {
		font-size: 12px;
	}

div.booking-data-bubble {
	width: calc(100% - 28px);
}
div.content-button-bar {
	width: calc(100% - 14px) !important;
}

.edit-topic-container {
	left: 0;
	right: 0;
}

.gallery-td {
	display: block;
	width: calc(100% - 40px);
	padding-bottom: 10px;
}
	.announcement-container {	
		left: 0;
	}
	.computer-nav-menu {
		display: none;
	}

	.capture-clip-canvas {
		--ccWidth: calc(95vw - 20px);
		width: var(--ccWidth);
		height: calc((9/16) * var(--ccWidth));
	}

	.file-segment {
		float: left;
		width: calc(100% - 25px) !important;
	}

.announcement-container {
	top: 70px !important;
}

.gallery-content-td {
	display: block;
	width: calc(100%);
	padding-bottom: 10px;
}

.dashboard-th {
	font-size: 18px;
}
.material-icons-dashboard {
	font-size: 18px;
}

#chat-message {
	max-width: 150px;
}
.chat-button {
	width: auto;
}

#chat-content {
	margin-top: 80px;
}

.textArea {
	width: calc(100% - 20px) !important;
	height: 50vh;
}

.dashboard {
	padding-left: 1vw;
	padding-right: 1vw;
}

.forum-topic {
	border-top: none;
}
.forum-topic-right {
	margin-bottom: 30px;
}
.poster-details {
	border-bottom: none;
	border-top: 1.5px solid var(--border-color);
}

.footer-row {
	margin-bottom: 70px;
}

.footer-column-1 {
	width: 100%;
}
.footer-column-2 {
	width: 100%;
}
.footer-column-3 {
	width: 100%;
}

	td.gallery {
		display: block;
		width: 100%;
	}

	#search-container {
		top: 75px;
	}
	.computer-nav-bar, .computer {
		display: none;
	}
	.mobile-nav-bar, .mobile {
		display: block;
	}
	.fixed-button {
		right: 20px;
		bottom: 20px;
		font-size: 15px !important;
	}
	.content-container {
		left: 0;
		right: 0;
		bottom: 0;
		top: 75px;
	}
	.logo-container {
		height: 75px;
	}
	td.calendar {
		width: 10vw;
		height: 10vw;
	}
	.logo-image {
		height: 71.5px;
	}

	.gallery {
		width: 80%;
		height: auto;
		box-shadow: 2px 2px 5px black;
	}
	.column-right, .column-left {
		width: 100%;
		float: left;
	}
	.greenscreen-column-right, .greenscreen-column-left {
		width: 100%;
		float: left;
	}
}