img{
  max-width:100%;
}

div.title{
  top:0;
  font-family:futura;
  color:#B7CAA6;
  background-color:white;
  position:sticky;
  width:100%
}

.top{
background-color:#B7CAA6;
color:white;
font-family:futura;

}

.one{ 
padding:5px;
display: inline-block;
}

.two{ 
padding: 5px;
display: inline-block;
}

.three{ 
padding: 5px;
display: inline-block;
}

.plant {
  padding:1em;
  width: 480px;
  height: 530px;
  float: left;
  padding-left:4em;
  display:block;

}

h2{
  width:40%
  float:right;
  font-size:90px;
  color:#B7CAA6;
  font-family:futura;
  border:10px;
  border-style:solid; 
  border-color:#B7CAA6;
  padding:0.8em;
  display:block;
}

div.info{
  font-size:22px;
  background-color:#B7CAA6;
  color:white;
  padding:5.5em;
  display:block;
  font-family:futura;
  margin:8em;
}

h3{
  font-size:35px;
  
}
@media only screen and (max-width: 768px) {
  
  .everything {
    margin-left:auto;
    margin-right:auto;
    display:block;
  }

  .plant{
    width:360px;
    height:370px;
    margin-top:5em;
    float:none;
    padding-left:0em;

  }
  
  h2{
    font-size:60px;
    text-align:center;
  }
  .one{
    display:block;
  }
  .two{
    display:block;
  }
  .three{
    display:block;
  }
  div.info{
    font-size:13px;
    padding:3.3em;
    margin:0em;
  }
  h3{
    font-size:25px;
  }
  
}