body {
	background-color: #FEF151;
}

select,
input {
	background-color: #fff;
	font-size: 1.5rem;
}

#main-content {
	font-size: 2rem;
}


.header {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}

#title {
	flex: 1 0 auto;
	margin-right: 5%;
}

#title h1 {
	white-space: nowrap;
	margin: 0;
	border-bottom: 2px solid #000;
}

#about {
	flex: 5 0 80%;
}

#about p {
}
#details {
	height: 500px;
	overflow: auto;
}

.address-info {
	background-color: #000;
	color: #fff;
	margin: 10px 0;
	padding: 10px;

}

#map {
	display: none;
}

#map.active {
	display: block;
	height: 250px;
}

#complaintType {
	display: block;
}

.incident {
	font-size: .8em;
	border-bottom: 2px solid #000;
	margin: 20px 0;
}

.label {
	font-weight: bold;
}

#footer {
	background-color: #000;
	padding: 10px 2%;
	color: #fff;
}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) {}

/*Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 992px) {}

/*Extra large devices (large desktops, 1200px and up)*/
@media only screen and (min-width: 1200px) {}