body {
	font-family: 'Montserrat', sans-serif;
	background-color: #f5f6f8;
}

.container {
	width: 58%;
}

.jumbotron {
	background-color: white;
	padding: 2rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	box-shadow: 0 2px 0 rgba(90,97,105,.11),
							0 4px 8px rgba(90,97,105,.12),
							0 10px 10px rgba(90,97,105,.06),
							0 7px 70px rgba(90,97,105,.1);
	border-radius: .625rem;
}

.btn-outline-secondary {
	border-color: #000;
	color: #fff;
	background-color: #2e343b;
}

.btn-outline-secondary:hover,
.btn:hover {
	border-color: #000;
	color: #fff;
	background-color: #000;
}

.btn-outline-secondary:focus,
.btn:focus {
	border-color: #000;
	color: #fff;
	background-color: #000;
}

.form-control {
	border: 1px solid black;
}

.form-control:focus {
  color: #444;
  background-color: #fff;
  border-color: #000;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.25);
}

.lead {
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}

.ORM {
	text-align: center;
}

span {
	font-weight: bold;
}

.table th,
table td {
	text-align: center;
}

#custom-nav {
	box-shadow: 0 0.125rem 0.625rem rgba(90,97,105,.12);
}

.bmi-form {
	padding-top: 1rem;
}

#bold {
  font-size: 1.2em;
}
footer {
  text-align: center;
}
i {
  color: #444;
  transform: scale(2.5);
}
.fab {
  padding: 0.75rem;
}




/* MOBILE */

@media (max-width: 576px) {
	.container {
		width: 100%;
	}
	.nav-link {
		display: block;
		padding: 0.9rem 1rem;
		margin-left: 20px;
	}
	.lead {
		padding-left: 0;
		padding-right: 0;
	}
	.row {
		display: block;
	}
}