// Place all the styles related to the Main controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.responsive-header {
  font-size: 3.3vw;
}

.landing-section {
  position: relative;
  height: 40%;
}

.feature-stamp {
  border-radius: 6px;
}

.or-line {
  div {
    width: 100%;
    height: 16px;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    span {
      font-size: 120%;
      background-color: #ffffff;
      padding: 0 10px;
      color: #d3d3d3
    }
  }
}

.img-cycle img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.img-cycle img:first-child {
  display:block;
}

.green-grad {
  background: linear-gradient(to right, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}