#masthead {
	height: 75px;
}


#bkgd_banner {
	height: 500px;
	width: 100%;
	background-color: black;
	position: absolute;
	top: 100px;
	z-index: -1;
}

#bkgd_banner img {
	margin: auto;
	max-height: 500px;
	width: 100%;
	overflow: hidden; 
}

#main_content {
	margin-bottom: 50px!important;
	margin-top: 75px;
}

.ui.button {
	font-weight: normal!important;
}

.ui.inverted.primary.button {
  box-shadow: 0px 0px 0px 2px #8D682C inset !important;
  border-color: #8D682C!important;
 }

#st_sos_btn_fluid {
	display: none;
}

#st_sos_btn:hover, #st_sos_btn_fluid:hover {
	background-color: #b71c1c;
}

.ui.massive.top.fixed.menu .right.item {
	padding-right: 0;
}

.follow_menu_ra_btn, #st_download_btn {
	margin-right: 1em!important;
}

#st_download_btn {
	margin-right: .75em!important;
}

#avatar {
	width: 100px!important;
	float: left;
	margin-right: 1em;
}

#bio {
	font-size: 1em!important;
}

.ui.cookie.nag {
	position: fixed;
	bottom: 0;
	background-color: black;
}

@media (max-width: 775px) {

	.ui.secondary.menu .item:not(.right):not(.toc), #cityscape_outline, #st_sos_btn_fluid {
		display: none;
	}

}

@media (max-width: 550px) { 

	.ui.secondary.menu .item:not(.right):not(.toc), #st_download_btn, #cityscape_outline, #st_sos_btn {
		display: none;
	}

  	#st_sos_btn_fluid {
  		display: inline;
  	}

  	#bkgd_banner, #bkgd_banner img{
  		display: none;
  	}

  	.ui.vertical.center.aligned.segment {
  		background-color: white; 
  	}

  	body.pushable > .pusher {
  		background-color: black!important;
  	}

  	#main_content h2, #main_content h3{
  		text-align: center!important;
  	}

  	#main_content .ui.black.inverted.segment {
		width: 100%!important;
	}

	.footer {
		text-align: center;
	}

	.footer img{
		float: none;
		margin: auto;
	}
}