.jumbotron {
    background-color: #4ABDAC;
    
}
#container-1,
#container-2 {
    text-align: center; 
    width: 100%;
}

.row-one {
    
    text-align: center;
    padding: 40px; 
    
}
.row {
     background-color: white; 
     margin-bottom: 20px;
}
h2 {
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 20px; 
    padding-right: 30px;
}
h1 {
    font-family: 'Mansalva', cursive;
    padding: 10px; 
}
p, h2 {
    font-family: 'Roboto Condensed', sans-serif;
}

.icons {
    font-size: 16px; 
    padding-left: 30px; 
    padding-right: 30px; 
    
}

i {
    text-align: center; 
}
a {
    background-color:#F7C331;
    border: none;
    color: white;
    padding: 15px 25px;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
  }
  a:hover {
    background-color: #FC4A1A;
    color: white;
    text-decoration: none; 
  }

  #submit-button {
    background-color: #4ABDAC;
    border: none;
    color: white;
    padding: 15px 25px;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
  }
  
  #submit-button:hover{
      background-color: #F7C331; 
  }
  #reset-button {
    background-color:gray;
    border: none;
    color: white;
    padding: 15px 25px;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 10px;
  }

  #reset-button:hover{
      background-color: #F7882F;
  }

  #container-3 {
    /* background-color: #4ABDAC; */
    margin-top: 60px;
    height: auto;
    max-width: 100%;
    
  }
  #container-4 {
      /* background-color: #4ABDAC;     */
      width: 100%;
      height: 500px; 
      text-align: center;
  }

  .column-1{
      background-image: url("tomatoes.jpg");

  }
  input {
      padding: 10px; 
      width: 100%; 
      margin-bottom: 10px;   
  }

  form {
    padding: 20%;
  }
  .column-2{
      background-image: url(pantry.jpg);
      min-height: 600px;
      height: auto;
      text-align: center;
    
      
      
  }
  .food-text-style {
      color: white; 
      font-family: 'Mansalva', cursive;
      font-size: 24px; 
  }


  .submitButton {
      position: absolute;
      right: 42%;
      bottom: 0;  
      margin-bottom: 10px;
      text-align: center; 
  }

  .card-title {
      margin-top: 20px;
      margin-bottom: 20px;

  }
  .card {
      border: 5px solid black;
      margin-top: 20px;
      text-align: center;
      padding-left: 200px;
      padding-right: 200px;
      background-image: url(assets/images/kitchentips.jpg);
      
  }
  img {
      margin-left: 270px;
      border: 2px solid black;
      border-radius: 10px;
      margin-top: 20px;
  }
  .card-body {
      border: 3px solid black;
      border-radius: 20px;
      background-color: white;
      margin-bottom: 20px;
  }
  .red {
    border: 3px solid red;
    
  }
  .green {
    border: 3px solid green;
    
  
  html {
      background-color: none;
  }


 @media only screen and (max-width: 900px) {
      .column-2 {
          margin-top: 20px;
      }
      .container-4 {
          text-align: center;
      }
      .card-body {
          width: 100%;
      }
     
 }

 #pantry-div {
    background-image: url(pantry.jpg);
     height: 100%; 
     width: 100%; 
     padding: 20px; 
     text-align: center; 
 }