body {
  padding: 0;
  margin: 0;
}

#title {
  text-align: center;
  font-size: 10vw;
  overflow: hidden;
  font-family: 'Lobster';
  padding-bottom: 20px;
  color: black;
  margin: 0;
}

#showcase {
  margin: 0;
  height: 645px;
  text-align: center;
  color: #fff;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  background-size: cover;
  padding-top: 10%;
}

#showcase h2 {
  margin-top: 75px;
  margin-bottom: 10px;
  font-size: 40px;
  font-family: 'Della Respira';
}

#showcase p {
  font-size: 20px;
  text-align: left;
}

.container {
  width: 100%;
}

#breakfast, #main-meal, #snacks {
  line-height: normal;
  text-align: right;
  font-size: 25px;
  display: none;
}

.col-md-4 h2 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

#breakfast {
  background-color: #b12a2d;
}
#main-meal {
  background-color: gold;
}
#snacks {
  background-color: #0082a5;
}

#breakfast-header {
  background-color: #b12a2d;
}
#main-meal-header {
  background-color: gold;
}
#snacks-header {
  background-color: #0082a5;
}

#breakfast-header:hover {
  background-color: black;
  color: #b12a2d;
}
#main-meal-header:hover {
  background-color: black;
  color: gold;
}
#snacks-header:hover {
  background-color: black;
  color: #0082a5;
}

.col-md-4 {
  padding: 0;
  font-family: 'Work Sans';
  margin: 0;
}

.col-md-4 h2 {
  text-align: center;
  font-size: 50px;
}

.col-md-4 p {
  padding-right: 30px;
}

.lastEl {
  margin-bottom: 0;
}

.col-md-4 input {
  padding: 0;
}

#calculator {
}

label {
  font-size: 30px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

#calculator {
  display: none;
}

#calculator-header {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 50px;
  font-family: 'Work Sans';
  color: #5e5e5e;
  background-color: black;
}

#calculator-header:hover {
  background-color: #5e5e5e;
  color: black;
}

.center {
  text-align: center;
}

#result {
  font-family: 'Work Sans';
  font-size: 40px;
}

.col-md-12 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}