/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5 {
  color: #214221;
}

/*
HELPERS 
*/
#wrapper {
  position: relative;
  float: none;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1200px) {
  body:not(.stretched) #wrapper {
    max-width: 1200px;
  }
}

@media (min-width: 1440px) {
  body:not(.stretched) #wrapper {
    max-width: 1440px;
  }
}

/* 
HEADER 
*/
#header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #f5f5f5;
}
@media (min-width: 992px) {
  .stretched .full-header #header-wrap > .container {
    width: 100%;
    max-width: none;
    padding: 0 30px;
  }
}

@media (min-width: 768px) {
.contact-menu {
  display: none;
}
}

/* 
GO TO TOP 
*/
.stretched #gotoTop {
  bottom: 30px;
}

/* 
STRETCHED LAYOUT 
*/
.stretched #wrapper {
  width: 100%;
  margin: 0;
  box-shadow: none;
}

.zoom {
  transition: transform .3s; /* Animation */
}

.zoom:hover {
  transform: scale(1.08); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.card-icon {
  height: 80px;
  width: 80px;
  margin: auto;
}

.fill-height {
  height:100%;
}