.quick-link-container:hover img{
  transform: scale(1.1);
  opacity: 1;
}

.news-container{
  display: flex;
  flex-direction: column;
}

.news-item-title-text{
  color:#009933;
  font-weight: 700;
  font-size: 2rem;
}

.news-item:hover{
  -prefix-animation: slide 1s ease 3.5s forwards;
}

.news-item:hover{
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.home-main-container{
  display:flex;
  flex-direction:column;
  min-height:100vh;
  margin-top:114px
}
.row-full-width{
  display:flex;
  flex-direction:row;
  width:100vw
}
.row-full-width, .row-full-width-centered{
  display:flex;
  flex-direction:row;
  width:100vw
}
.row-full-width-centered{
  justify-content:center
}
.row-mid-width, .row-mid-width-wrap{
  display:flex;
  flex-direction:row;
  justify-content:center;
  width:80vw;
  margin:auto;
  margin-top:0
}
.row-mid-width-wrap{
  flex-wrap:wrap
}
.indicator-container{
  display:flex;
  flex:1;
  flex-direction:column;
  padding-top:30px;
  padding-bottom:30px;
  flex-wrap:wrap
}
.indicator-logo-container{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.indicator-text-container{
  display:flex;
  flex-direction:column
}
.indicator-number{
  text-align:center;
  white-space:nowrap;
  font-size:var(--header-font-size);
  font-size:50px;
  font-weight:700;
  color:var(--white-color)
}
.indicator-text{
  text-align:center;
  white-space:nowrap;
  color:var(--white-color);
  font-size:var(--normal-font-size)
}
.indicator-logo{
  height:7vh;
  object-fit:contain;
  opacity:.8
}
.main-home-image{
  width:100vw;
  height:65vh;
  object-fit:cover
}
.section-content{
  display:flex;
  flex-direction:column;
  width:100%;
  padding-top:30px;
  padding-bottom:30px
}
.section-head{
  display:flex;
  flex-direction:row
}
.section-body{
  display:flex;
  flex-direction:row;
  padding-top:20px;
  padding-bottom:20px;
  flex-wrap:wrap
}
.secion-title{
  color:var(--green-color-title);
  font-weight:700;
  font-size:var(--header-font-size)
}
.quick-link-container{
  position:relative;
  display:flex;
  width:80%;
  background-color:#000;
  height:50vh;
  margin-bottom:5vh;
  cursor:pointer
}
@media (max-width:440px){
  .quick-link-container{
    position:relative;
    display:flex;
    width:100%;
    background-color:#000;
    height:50vh;
    margin-bottom:5vh;
    cursor:pointer}
  }
  .quick-link-title{
    color:#fff;
    font-weight:700;
    font-size:var(--header-font-size);
    height:fit-content;
    margin:20px;
    margin-bottom:0
  }
  .quick-link-description{
    color:#fff;
    font-weight:700;
    font-size:var(--normal-font-size);
    height:fit-content;
    margin:20px;
    margin-top:0
  }
  .quick-link-text-container{
    display:block;
    position:absolute;
    width:100%;
    height:50vh;
    max-height:50vh;
    align-items:center;
    justify-content:center;
    display:flex;
    flex-direction:column;
    margin:auto
  }
  .quick-link-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.4;
    transition:.5s;
    max-width:100%;
    max-height:100%;
    z-index:50
  }
  .main-image-background{
    width:100vw;
    background-color:#000;
    height:65vh;
    position:absolute;
    top:0;
    left:0;
    opacity:.5
  }
  .main-image-text{
    position:absolute;
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:center
  }
@media (max-width:440px){
  .main-image-text{
    position:absolute;
    display:flex;
    flex-direction:column;
    height:100%;
    width:60%;
    justify-content:center}
  }
  .main-image-title{
    white-space:nowrap;
    color:#fff;
    font-weight:700;
    font-size:3rem;
    text-shadow:0 0 4px #000
  }
@media (max-width:440px){
  .main-image-title{
    white-space:pre-wrap;
    color:#fff;
    font-weight:700;
    font-size:3rem;
    text-shadow:0 0 4px #000}
  }
  .main-image-legend{
    white-space:nowrap;
    color:#fff;
    font-size:2.5rem;
    text-shadow:0 0 4px #000;
    font-style:italic
  }
@media (max-width:440px){
  .main-image-legend{
    white-space:pre-wrap;
    color:#fff;
    font-size:2.2rem;
    text-shadow:0 0 4px #000;
    font-style:italic}
  }
  .beans-band-content{
    display:flex;
    flex-direction:row;
    background-color:var(--white-color);
    min-height:25vh;
    padding-left:10vw;
    padding-right:10vw;
    align-items:center;
    justify-content:center;
    /*flex-wrap:wrap*/
  }
  .beans-bowl-image{
    height:18vh
  }
  .beans-bowl-image-content{
    width: 35%;
    justify-content: center;
    display:flex;
    align-items:center
  }
  .beans-bowl-legend-content{
    display:flex;
    flex-direction:column;
    flex-basis:58vw
  }
  .beans-bowl-text{
    font-style:italic;
    font-size:var(--middle-font-size)
  }
@media (max-width:440px){
.beans-bowl-text{
  font-style:italic;
  font-size:var(--middle-font-size);
  margin-bottom:15px}
}
.pink-text{
  color:var(--main-color)
}
.news-head{
  display:flex;
  flex-direction:column;
  margin:auto
}
.news-body{
  display:flex;
  flex-direction:column;
  flex:.8
}
.news-date-text{
  font-weight:400;
  font-size:.75rem;
  color:#54667a
}
.news-title-text{
  font-weight:700;
  font-size:1rem;
  color: var(--green-color-title);
}
.news-description-text{
  font-weight:400;
  font-size:var(--normal-font-size);
  color:#54667a
}
.news-item{
  display:flex;
  flex-direction:row;
  padding:15px;
  border-style:solid;
  border-width:2px;
  border-color:#f2f2f2;
  border-radius:8px;
  margin:8px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
  transition:.3s;
  height:95%
}
.news-img{
  width:112px
}
.item-body-link{
  color:black;
}
.post-item{
  display:flex;
  flex-direction:column;
  padding:8px
}
.post-item-body-text{
  font-weight:700;
  font-size:.9rem;
  height:100px;
  margin-bottom:8px
}
.post-item-body{
  display:flex;
  flex-direction:column;
  text-align:center
}
.post-item-head{
  text-align:center;
  margin-bottom:10px
}
.indicator-logo-container{
  display:flex;
  align-items:center;
  justify-content:center
}
.quick-links-canvas{
  flex-basis:50%;flex-grow:1
}
.twitter-canvas{
  flex-basis:25%;flex-grow:1
}