body {
	padding-top: 50px;
}
.starter-template {
	padding-top: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	padding-right: 15px;
}
button {
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	margin-top: -2px;
}

.badge {
	float: none!important;
	top: 14px!important;
	position: absolute;
	left: auto;
	right: 3px;
	background-color: #a4a4a4;
}

.green-input {
  border-color: #42f456;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 255, 0, 0.6);
}
.red-input {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

@media screen and (min-width: 768px) {
	#okSwitchBtn {
		margin-top: 0px;
	}
	
	.beerInMyFridge {
		min-height: 145px;
	}
}

@media screen and (min-width: 992px) {
  #allBeersInMyFridge {
    column-count: 3!important;
  }
}