p { margin-bottom: 0 !important; }

.container { margin: 10px 0; padding: 0 20em 10px; }

.notices { margin-left: 10px; font-style: italic; color: #888; }

#status { margin-bottom: 1em; }

.navbar { margin-bottom: 0.5em; }

.row-bg-color { background-color: #eee; }


.section-title {
	border-style: solid none; border-width: 0.25em; border-color: #000;
	color: #000; margin: 1em 0; padding: 0.25em 0.75em; font-weight: bold;
}


.url-container {
	max-width: 100%; /* Ensure it doesn't overflow the container */
	word-wrap: break-word; /* For older browsers */
	overflow-wrap: break-word; /* For modern browsers */
}

#comments-container { height: calc(19vh - 2rem); }

#hp-nav-buttons div a { height: 75px; }

.footer .copyright { margin-top: 2em; padding-top:  0.5em; border-top: 0.15em solid #999; }


@media (max-width: 1440px){
	.container { margin: 10px 0; padding: 0 15em 10px; }
}

@media (max-width: 1200px){
	.container { margin: 10px 0; padding: 0 10em 10px; }
}

@media (max-width: 992px){
	.container { margin: 10px 0; padding: 0 5em 10px; }
}

@media (max-width: 768px){
	.container { margin: 10px 0; padding: 0 5em 10px; }

	#submit-btn .btn {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 576px){
	.container { padding: 0 2em 10px; }
	.done-btn { width: 100%; }
}