@media (max-width: 1000px) {
    .map-container {
        min-width: 1000px;
        overflow: auto;
    }
}

@media screen and (max-width: 985px) {
	.site-header {
		padding-right: 0.5rem;	
	}
    .topnav .icon {
        display: flex !important;
        position: absolute;
        top: 33px;
        left: 12px;
        z-index: 999;
        color: #000;
		background-color: transparent;
        font-size: 24px;
        flex-direction: row-reverse;
		text-decoration: none;
    }
	.topnav a.icon:hover {
		color: #fff;
	}
    .topnav ul {
        display: flex;
        position: absolute;
        top: 10%;
        left: -100%;
        width: 40%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 998;
        padding-left: 40px;
    }
	.topnav li  {
		margin-top: 5px;
	}
	.topnav li:hover > .sub-menu {
		position: relative;
		margin: 0 0 0 40px;
	}
	.topnav.responsive ul {
        left: 0;
        margin-right: 5rem;
    }
    .topnav.responsive li {
        margin: 5px 0 0 0 0;
    }
    .topnav li a {
        padding: 14px 16px;
        text-align: left;
        width: 100%;
    }
    .topnav ul ul {
        position: static;
        display: none;
        min-width: auto;
        width: 100%;
        top: initial;
    }
	textarea#comment, textarea {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 820px) {
	.roster {
		column-count: 3;
	}
	.guest-comment {
		display: block;
	}
	.gc-img {
		border: none;
		margin-top: 10px;
	}
}

@media screen and (max-width: 835px) {
	.cellmessage {
		display: block !important;
		padding-left: 10px;
		font-style: italic;
	}
	.home-display {
		grid-template-columns: repeat(2, auto) !important;
	}
	.home-display img {
		max-height: 129px !important;
	}
	.sub-menu li {
		border: 1px solid #C7E0C4;
	}
	.usercp-forum {
		width: 100% !important;
		margin-top: 20px;
	}
}

@media screen and (max-width: 650px) {
	.roster {
		column-count: 2 !important;
	}
/* NEW */
	.content {
		width: 96% !important;
	}
	.home-features, .signup, .user-event-info .time-info, .housing-info, .post, .address-book, .change-plot, #createEvent .note, #extraInfo, #event-popup {
		width: 100% !important;
	}
	.cal-key ul {
		flex-flow: row wrap;
	}
/* HOME */
	.home-row {
		flex-flow: column;
		padding-bottom: 30px !important;
	}
	.home-text {
		padding-top: 10px;
	}
	.home-row:nth-child(even) {
		flex-flow: column-reverse;
	}
	.home-row img, .home-image {
		margin: auto;
	}
	.login form {
		padding: 10px !important;
	}
	.homeCont {
		display: flex !important;
		flex-flow: column-reverse;
	}
	.divider {
		width: 100% !important;
		height: 1px;
	}
	.profile-contact {
		margin-right: 5px !important;
		padding: 10px !important;
	}
	.patch-notes img {
		width: 100% !important;
		height: auto !important;
	}
	#feedback_form {
		margin-left: 0 !important;
	}
/* USERS */
	.usercp-forum {
		margin-top: 10px;
	}
	.char-buttons {
		width: 40% !important;
		flex-flow: column;
		margin-left: 10px;
	}
	.char-buttons .button {
		padding: 15px !important;
		margin-top: 10px;
	}
	.char-buttons input {
		white-space: normal;
	}
	.profile-chars {
		grid-template-columns: auto !important;
	}
	.profile .inner-boxes {
		padding: 0 !important;
		border: 0 !important;
	}
	.form-group {
		grid-template-columns: auto !important;
		gap: 0 !important;
	}
	.profile-houses {
		flex-flow: column;
		border: 0 !important;
		margin-bottom: 0 !important;
	}
	.profile-fp, .profile-rs {
		width: 100% !important;
		border-bottom: 0 !important;
	}
	.edit-house .button {
		margin: 10px 0;
		float: left;
	}
	.edit-house h4 {
		clear: both;
	}
	.user-event-info {
		flex-flow: column;
	}
	.cal-key {
		margin: 0 !important;
	}
	.status {
		margin-right: 0 !important;
	}
/* HOUSING */
	.neighbourhoods {
		flex-flow: column;
	}
	.housing-page {
		display: flex !important;
		gap: 2% !important;
		flex-flow: column-reverse;
	}
	.layer-info {
		flex-flow: column-reverse;
	}
	.address-book {
		margin: 10px 0 !important;
	}
	.change-plot {
		margin: 0 !important;
	}
/* CRAFTERS */
	.image-right {
		width: 50%;
	}
	.prof-sorting {
		display: grid !important;
		grid-template-columns: auto auto;
		grid-template-rows: auto;
		gap: 10px;
		grid-template-areas:
			"label form"
			"label form"
			"button button";
	}
	.filter-buttons {
		grid-area: button;
	}
/* EVENTS */
	.eventHomeInfo {
		flex-flow: column-reverse;
	}
	.e-rightCol {
		margin: 0 !important;
	}
	.event-form {
		flex-flow: row wrap;
	}
	.event-form input {
		margin-bottom: 10px;
	}
	.floatCont {
		display: flex;
		flex-flow: row wrap;
		margin-top: 10px;
	}
	.user-event-info {
		align-items: normal !important;
	}
	.eventTitleHead, .roster-options {
		flex-flow: wrap;
	}
	.eventTitleHead div:nth-child(even) {
		margin: 10px auto;
	}
	.roster-cont {
		grid-template-columns: auto !important;
	}
	.ql-editor {
		height: fit-content !important;
	}
	.nc-form-group {
		grid-template-columns: max-content !important;
		gap: 0 !important;
	}
}