.banner {
  margin-top: 2em;
}

.caption2 {
  margin-top: 2em;
}

.description {
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}

.description-bot {
  width: 65%;
  margin: 0 auto;
}

.present {
  min-height: 20em;
}

.present1 {
  margin: 0;
  width: 48%;
  margin-right: 2%;
  border: none;
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}

.present2 {
  margin: 0;
  width: 48%;
  margin-left: 1.5%;
  border: none;
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}

.present-link {
	margin-top: 2em;
	margin-bottom: 0;
}

.topplant {
  border: none;
  padding: 3em 0 0;
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}


.section1 {
  padding-right: 2em;
  padding-left: 2em;
}

.imgplant {
  margin-left: 2em;
  margin-right: 2em;
}

.section2 {
  padding-top: 1em;
  padding-right: 1em;
  padding-left: 0;
}

.descv2{
  width: 100%;
  margin: 0;
  margin-bottom: 3em;
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}

.desc {
  padding-top: 2em;
}

.morpho {
  padding-bottom: 3em;
  padding-left: 4em;
  padding-right: 4em;
  line-height: 2em;
}

.bottomplant {
  min-height: 35em;
}

.bottomplant1 {
  width: 48%;
  margin-right: 2%;
  padding: 0 4em 2em;
  line-height: 2em;
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}

.figure-center {
  width: 100%;
  margin: 0;
}

.bot-tof {
  margin-bottom: 1em;
}

.bottomplant2 {
  border: none;
  width: 48%;
  padding: 0 4em 2em;
  margin-left: 2%;
  line-height: 2em;
  -moz-box-shadow:2px 2px 20px lightgrey;
	-webkit-filter:box-shadow(2px 2px 20px lightgrey);
	box-shadow:2px 2px 20px lightgrey
}


.lazy-hidden {
    background: #eee url('../img/loading2.gif') no-repeat 50% 50%;
}



@media  screen and (max-width: 1400px) {
  .present2 {
    width: 47%;
  }
}

@media  screen and (max-width: 1300px) {
.description-bot {
  width:70%
}
}

@media  screen and (max-width: 1100px) {
.description-bot {
  width:80%
}
}

@media  screen and (max-width: 900px) {
  .plant {
    max-width: 75%;
  }
  .topplant {
    padding-top: 0;
    padding-bottom: 3em;
    margin-top: 3em;
  }
  .section1 {
    padding-top: 0.5em;
  }
  .section2 {
    margin-left: 4em;
    max-width: 89%;
	}
}

@media  screen and (max-width: 750px) {
  .section2 span {
    width: 80%;
  }
  .section2 b {
    width: 100%;
  }
  .bottomplant {
    width: 100%;
    min-height: 0;
    padding-top: 0.01em;
    padding-bottom: 0;
    margin: 0;
  }
  .bottomplant1 {
    margin-bottom: 3em;
  }
  .present1 {
    width: 100%;
    margin: 0;
    margin-bottom: 3em;
    padding: 3em 2em;
  }
  .present2 {
    width: 100%;
    margin: 0;
    padding: 3em 2em;
  }

}

@media  screen and (max-width: 500px) {
  .section2 {
    margin-left: 2em;
  }
  .bottomplant figcaption {
    padding-left: 0;
    padding-right: 0;
  }
  .section1 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .imgplant {
    margin-top: 2em;
  }


}