/*.calculator_container div {
	background: #EFEFEF;
}
*/
#proteinCalculator {
	padding: .75em;
  background: #EFEFEF;
} 

.flex_wrapper {
	display: flex;
}
#proteinCalculator h2 {
	font-size: 2em;
}
#proteinCalculator h3 {
	font-size: 1.25em;
}
#proteinCalculator ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#proteinCalculator .calc_form {
	width: 90%;
	margin-right: 3em;
	border-right: 1px solid #36383A;
	padding-right: .5em;
}
#proteinCalculator .calc_form__numbers {
	display: flex;
	margin: 3em 0 2em 0;
}
#proteinCalculator .calc_form__numbers div {
	display: flex;
	align-items: baseline;
}
#proteinCalculator .calc_form__numbers div:first-child {
	margin-right: 5em;
}
#proteinCalculator .calc_form__numbers div label {
	margin-right: 1.5em;
	color: #3D4042;
}
#proteinCalculator .calc_form__numbers div input {
	width: 60px;
	height: 28px;
	margin: 0 1em 0 0;
	background: #fff;
	font-size: 1em;
	text-align: center;
}
#proteinCalculator .calc_form__numbers div input::-webkit-outer-spin-button, #proteinCalculator .calc_form__numbers div input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#proteinCalculator .calc_form__numbers div input[type=number] {
	-moz-appearance:textfield;
}
#proteinCalculator .calc_form__activity {
	display: flex;
}
#proteinCalculator .calc_form__activity p {
	margin: .5em 1.5em 0 0;
	color: #3D4042;
}
#proteinCalculator .calc_form__activity li {
	display: flex;
	padding: .5em;
	margin:0 .5em;
	cursor: pointer;
}
#proteinCalculator .calc_form__activity li.active {
	color: #fff;
	background: #969696;
}
#proteinCalculator .calc_form__{
	display: flex;
	margin: 2em 0 3em 0;
}
#proteinCalculator .calc_form__pregnant {
	display: flex;
	margin: auto auto 1.5em auto;
}
#proteinCalculator .calc_form__pregnant div.calc_form__pregnant__container {
	margin-top: 0.3em;
}
#proteinCalculator .calc_form__pregnant div.calc_form__pregnant__container div {
	display: flex;
}
#proteinCalculator .calc_form__pregnant p {
	margin: 0 .8em 0 0;
	color: #3D4042;
}
#proteinCalculator .calc_form__pregnant input {
}
#proteinCalculator button {
	padding: 1em;
	font-family: 'Roboto', sans-serif;
	background: #000000;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: .1em;
}
.result_pills {
	margin: 1em auto;
	padding: .5em 1em;
	background: #fff;
	color: #111;
	font-size: 1.5em;
	text-align: center;
}
.result_gram, .result_price {
	text-align: center;
}
@media (max-width: 820px) {
	#proteinCalculator .flex_wrapper {
	display: inherit;
}
#proteinCalculator .calc_form {
	width: inherit;
	margin-right: 0;
	border-right: 0;
}
#proteinCalculator .calc_form__numbers {
	flex-direction: column;
}
#proteinCalculator .calc_form__numbers div {
	width: 375px;
	margin: 0 auto 1em auto;
}
#proteinCalculator .calc_form__numbers div:first-child {
	margin-right: auto;
}
#proteinCalculator .calc_form__numbers div label {
	width: 90px;
	margin: 0;
}
#proteinCalculator .calc_form__activity {
	width: 375px;
	margin: auto;
}
#proteinCalculator .calc_form__activity li {
	display: inline-flex;
}
#proteinCalculator .calc_form__pregnant {
	width: inherit;
	margin: auto auto 1.5em auto;
}
#proteinCalculator .calc_form__pregnant div.calc_form__pregnant__container {
	display: flex;
	flex-direction: column;
}
#proteinCalculator .calc_form__pregnant div input {
	margin-top: .15em;
	margin-right: .5em;
}
#proteinCalculator button {
	display: block;
	width: inherit;
	margin: auto;
}
#proteinCalculator #result h5 {
	width: 375px;
	margin: 2.5em auto auto auto;
}
}