/* * {
  border-style: solid;
  border-color: #000000;
} */

/******* NAVIGATION SECTION ******/

.canada_owned {
  background-color: #2f9e44;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.25rem;
  width: 100%;
  padding: 0.5rem 0;
}
.full-width {
  width: 100%;
}
header {
  height: 12rem;
  background-color: #eaf5ec;
  border-bottom: 6px solid #2f9e44;
  position: fixed;
  z-index: 99;
}
.logo {
  display: flex;
  align-items: center;
  float: left;
  width: 20%;
}

nav {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  height: 15rem; 
  background-color: #eaf5ec;
  border-bottom: 6px solid #2f9e44;
}

.nav-menu {
  display: flex;
  float: right;
  margin-top: 4.5rem;
  padding: 0;
  width: 80%;
  height: 100%;
  justify-content: space-around;
  align-items: center;
}

.nav-menu li {
 list-style: none;
}

.nav-link:link, .nav-link:visited  {
  display: inline-block;
  text-decoration: none;
  color: #133f1b;
  font-size: 1.2rem;
  font-weight: 400;
}
.nav-link:hover, .nav-link:active {
  display: inline-block;
  text-decoration: none;
  color: #267e36;
  font-weight: 400;
  font-size: 1.2rem;
  transition: all 0.3s;
}

#nav-toggle {
  position: absolute;
  top: -100px;
}
.icon-burger {
  display: none;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}

.icon-burger .line {
  margin: 0.5rem;
  width: 4rem;
  height: 0.5rem;
  background-color: #267e36;
  border-radius: 0.5rem;
  transition: all .3s ease-in-out;

}

.main-nav-cta:link, .main-nav-cta:visited {
  display: inline-block;
  padding: 1.2rem;
  text-decoration: none;
  color:#d5ecda;
  background-color:#267e36;
  border-radius: 9px;
  font-weight: 1.2rem;
  transition: all 0.3s;
}

.main-nav-cta:hover, .main-nav-cta:active {
  display: inline-block;
  padding: 1.2rem;
  text-decoration: none;
  color: #fff;
  background-color:#2f9e44;
  background-size: 100%;
  border-radius: 9px;
  font-weight: 1.2rem;
}

/* FOR DESKTOP */
@media only screen and (max-width: 1000px) {
  
  .logo {
    float: none;
    width: 25%;
  }
  .nav-menu{
    width: 100%;
    height: 68%;
    float: none;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    top: 10rem;
    bottom: 100%;
    justify-content: space-evenly;
    background-color: #2f9e44;
    overflow: hidden;
  }

  .nav-link:link,  .nav-link:visited{
    font-size: 1.5rem;
    color: #fff; 
    margin: 0;
    padding: 0;
  }
  
  .check ~ .nav-box {
    visibility: hidden;
  }
  .check:checked ~ .nav-box {
    visibility: visible;
    transition: all .5s ease-in-out;
  }

  .icon-burger {
    display: block;
  }

  .check:checked ~ .icon-burger .line:nth-child(1) {
   transform: translateY(1rem) rotate(225deg);
  }

  .check:checked ~ .icon-burger .line:nth-child(2) {
  opacity: 0;
  }

  .check:checked ~ .icon-burger .line:nth-child(3) {
   transform: translateY(-1rem) rotate(-225deg)
  }
}

@media only screen and (max-width: 768px)  and (min-width: 481px) {
 
  .logo {
    float: none;
    width: 35%;
  }
}
@media only screen and (max-width: 480px) {
 
  .logo {
    float: none;
    width: 50%;
  }
}

/******* HERO SECTION ******/
main {
  margin-top: 11.5em;
}
.section-hero {
  height: 120vh;
  position: relative;
  top: 0;
}

#brain-img {
  width: 100%;
  height: auto;
  object-fit: fill;
  border-bottom: 6px solid #2f9e44; 
}

.hero-txt-container {
  position: absolute;
  margin: 0 auto;
  top: 35%;
  width: 100%;
}

.hero-text {
  font-size: 7rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.hero-subtext {
  font-size: 5rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
}


@media only screen and (max-width: 1222px)  and (min-width: 1025px ){
  .hero-text {
    font-size: 5rem;
  }

  .hero-subtext {
    font-size: 3rem;
  }

}

@media only screen and (max-width: 1024px)  and (min-width: 769px ){

  .hero-txt-container {
    top: 25%;
  }

  .hero-text {
    font-size: 4rem;
  }
  .hero-subtext {
    font-size: 2.5rem;
  }

}
@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .hero-txt-container {
    top: 25%;
  }

  .hero-text {
    font-size: 2.75rem;
  }

  .hero-subtext {
    font-size: 1.5rem;
  }

}

@media only screen and (max-width: 480px)  and (min-width: 320px ){

  .hero-txt-container {
    top: 20%;
  }

  .hero-text {
    font-size: 2rem;
  }

  .hero-subtext {
    font-size: 1rem;
  }

}


/******* WELCOME SECTION ******/

.welcome-block {
  margin-top: 35vh;
}

.heading-secondary {
  font-size: 3.6rem;
  color:#133f1b;
  text-align: center;
  margin: 32vh auto 7.4rem auto;  
}

.heading-quartinary {
  display: flex;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  color: #2f9e44;
}

.welcome-img {
  float: left;
  width: 45vw;
  height: 65vh;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  margin: 0 2.4rem 8rem 2.4rem;
}

.welcome-text {
  display: flex;  
  font-size: 1.2rem;
  margin: 0 5rem;
  line-height: 1.5;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ){

  .welcome-block {
    margin-top: 25vh;
  }

  .heading-secondary {
    font-size: 3rem;
    margin: 9vh auto 7.4rem auto;  
  }

  .heading-quartinary {
    font-size: 1.6rem;
  }

  .welcome-img {
    height: 65vh;
  }

  .welcome-text {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 1024px)  and (min-width: 769px ){

  .welcome-block {
    margin-top: 20vh;
  }
  .heading-secondary {
    font-size: 2.5rem;
    margin: -17vh auto 5.4rem auto;
  }

  .heading-quartinary {
    display: block;
    text-align: center;
    flex-direction: column;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .welcome-img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 5rem 5rem 5rem;
  }
  
  .welcome-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
  }
 
}
@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .heading-secondary {
    font-size: 1.65rem;
    margin: -45vh auto 4.4rem auto;
  }

  .heading-quartinary {
    display: block;
    font-size: 1.2rem;
    text-align: center;
    flex-direction: column;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .welcome-img {
    width: 80%;
    height: auto;
    margin: 0 5rem 5rem 5rem;
  }
  
  .welcome-text {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    margin: 0 2rem 5rem 2rem;
  }

}

@media only screen and (max-width: 480px)  and (min-width: 320px ){

 .heading-secondary {
    font-size: 1.65rem;
    margin: -25rem auto 4.4rem auto;
  }

  .heading-quartinary {
    display: block;
    font-size: 1.2rem;
    text-align: center;
    flex-direction: column;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .welcome-img {
    width: 100%;
    height: auto;
    margin: 0 5rem 5rem 0136;
  }
  
  .welcome-text {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    margin: 0 2rem 5rem 2rem;
  }


}

/******* ABOUT SECTION ******/
/* Homepage */
.about-block {
  display: flex;
  background-color: #c1e2c7;
  padding: 1.2rem 0;
  clear: both;
}

.bio {
  margin: 7.4rem 2.4rem;
}

.bio-info {
  margin: 7.4rem 0 7.4rem 2.4rem;
  float: left;
}

.about-heading-tertiary {
  font-size: 3.5rem;
  margin-bottom: 1.2rem;
  text-align: left;
}
.about-heading-quartinary {
  font-size: 2rem;
  text-align: left;
  color:#267e36;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}
.about-text {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 1.2rem;
}

.about-cta:link, .about-cta:visited {
  display: inline-block;
  padding: 1.2rem;
  text-decoration: none;
  color:#d5ecda;
  background-color:#267e36;
  border-radius: 9px;
  font-weight: 1.2rem;
  transition: all 0.3s;
}
.about-cta:hover, .about-cta:active {
  display: inline-block;
  font-weight: 400;
  padding: 1.2rem;
  text-decoration: none;
  color: #fff;
  background-color:#2f9e44;
  border-radius: 9px;
  font-weight: 1.2rem;
}
.why-img {
  width: 90%;
  float: right;
  margin-left: 2rem;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  object-fit: fill;
  overflow: hidden;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ){
  .about-block {
    display: flex;
  }

  .bio-info {
    margin: 7rem 1rem 7rem 2rem;
  }

  .about-heading-tertiary, .about-heading-quartinary {
  text-align: left;
  }
 
  .about-heading-tertiary {
    font-size: 2.5rem;
    margin-bottom: 0;
  }

  .about-heading-quartinary {
    font-size: 1.6rem;
  }
  .about-text {
    font-size: 1.1rem;
  }
  .why-img {
    width: 90%;
    height: 100%;
  }
}
/* switched to tablet & smart phone view */
@media only screen and (max-width: 1024px)  and (min-width: 769px ){

  .about-block {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .bio {
    margin: 5rem 5rem -3rem 5rem;
  }

  .bio-info {
    float: none;
  }

  .why-img {
    width: 100%;
    height: auto;
    clear: both;
  }
  
  .about-heading-tertiary {
    margin-bottom: 0;
    text-align: center;
    font-size: 2.5rem;
    clear: both;
  }

  .about-heading-quartinary {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .about-text {
    display: flex;
    margin: 0 3rem 2rem 3rem;
  }
 
  .about-cta {
    margin-left: 3rem;
  }
}

@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .about-block {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .bio {
    margin: 5rem 5rem -3rem 5rem;
  }

  .bio-info {
    float: none;
  }

  .why-img {
    width: 100%;
    height: auto;
    clear: both;
  }
  
  .about-heading-tertiary {
    margin-bottom: 0;
    text-align: center;
    font-size: 2.5rem;
    clear: both;
  }

  .about-heading-quartinary {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .about-text {
    display: flex;
    margin: 0 3rem 2rem 3rem;
  }
 
  .about-cta {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 480px)  and (min-width: 320px ) {

  .about-block {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .bio {
    margin: 5rem 1rem -3rem 1rem;
  }

  .bio-info {
    float: none;
  }

  .why-img {
    width: 100%;
    height: auto;
    clear: both;
  }
  
  .about-heading-tertiary {
    margin-bottom: 0;
    text-align: center;
    font-size: 2.5rem;
    clear: both;
  }

  .about-heading-quartinary {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .about-text {
    display: flex;
    margin: 0 3rem 2rem 3rem;
    font-size: 1rem;
  }
 
  .about-cta {
    margin-left: 3rem;
  }
}

/**** About page ****/
.about-main {
  margin-top: 11.5em;
 overflow: hidden;
}
.us-img {
  width: 100%;
  height: 35.5rem;
  object-fit: fill;
  border-bottom: 6px solid #2f9e44;
}
.hero-us {
  font-size: 4.4rem;
  font-weight: 700;
  color: #133f1b;
  position: absolute;
  top: 60%;
  left: 21%;
}
.about-writeup {
  margin-bottom: 15rem;
}
.story-heading {
  margin: 2.4em 0;
  text-align: center;
}
.begin {
  padding-top: 5em;
}
.story-text {
  margin: 0 4.8rem;
  font-size: 1.2rem;
  line-height: 1.5;
}
.discovery {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: 1rem;
  margin: 0 5rem;
}

.part-1 {
  grid-column: 1;
  font-size: 1.2rem;
  line-height: 1.5; 
}

.part-2 {
  grid-column: 2; 
  grid-row: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}

.recovery-content{
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin: 0 5em;
}
.me {
  grid-column: 1;
}
#me-img {
  width: 100%;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  object-fit: contain;
  overflow: hidden;
}
.story {
  grid-column: 2;
}
.recovery-text {
  margin: 0 0 0 2em;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ){

  .us-img {
    object-fit: fill;
  }
  .hero-us {
    top: 65%;
    left: 18%;
    font-size: 3.5rem;
  }

  .story-text, .part-1, .part-2  {
    font-size: 1.1rem;
  }
}

/* switched to tablet & smart phone view */
@media only screen and (max-width: 1024px)  and (min-width: 769px ){
  .us-img {
    object-fit: fill;
  }

  .hero-us {
    top: 65%;
    left: 18%;
    font-size: 3rem;
  }

  .discovery {
    display: inline-block;
    margin: 0 2rem;
  }

  .story-text, .part-1, .part-2  {
    font-size: 1.1rem;
    margin: 0 2rem;
  }

  .recovery-content{
    display: inline-block;
    text-align: center;
    margin: 0 2rem;
  }

  .story {
    display: block;
    text-align: left;
  }

  #me-img {
    width: 50%;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 768px)  and (min-width: 481px ){
  .us-img {
    object-fit: fill;
  }

  .hero-us {
    top: 70%;
    left: 18%;
    font-size: 2rem;
  }

  .discovery {
    display: inline-block;
    margin: 0 2rem;
  }

  .story-text, .part-1, .part-2  {
    font-size: 1.1rem;
    margin: 0 2rem;
  }

  .recovery-content{
    display: inline-block;
    text-align: center;
    margin: 0 2rem;
  }

  .story {
    display: block;
    text-align: left;
  }

  #me-img {
    width: 50%;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 480px)  and (min-width: 320px ){
  .us-img {
    object-fit: fill;
  }

  .hero-us {
    top: 110%;
    left: 18%;
    font-size: 1.6rem;
  }

  .discovery {
    display: inline-block;
    margin: 0 2rem;
  }

  .story-text, .part-1, .part-2  {
    font-size: 1.1rem;
    margin: 0 2rem;
  }

  .recovery-content{
    display: inline-block;
    text-align: center;
    margin: 0 2rem;
  }

  .story {
    display: block;
    text-align: left;
  }

  #me-img {
    width: 50%;
    margin-bottom: 2rem;
  }
}


/******* MEDIA SECTION ******/
.media-main {
  margin-top: 15rem;
}
.media-img {
  width: 100%;
  height: 70vh;

  border-bottom: 6px solid #2f9e44;
}

.media-block {
  position: relative;
}
/* .hero-media {
  display: flex;
  font-size: 4.4rem;
  font-weight: 700;
  color: #133f1b;
  position: absolute;
  top: -17.5%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

.pod-heading-tertiary, .youtube-heading-tertiary, .other-heading-tertiary {
  font-size: 3.0rem;
  margin: 1.2em 0;
  text-align: center;
}
.podcast-intro {
  margin: 2.4em 4.8rem;
  font-size: 1.2rem;
  color: #133f1b;
}
.podcast-host-profiles {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  justify-content: center;
  margin: 0 5em;
  margin-bottom: 5rem;
}
.host1-heading-quartinary{
  font-size: 1.8rem;
  color:#267e36;
  text-transform: uppercase;
  text-align: center;
  margin: 1em 0;
}
.host2-heading-quartinary{
  font-size: 1.8rem;
  color:#267e36;
  text-transform: uppercase;
  text-align: center;
  margin: 1em 0;
}
.host1-img {
  display: block;
  margin: 0 auto;
  width: 75%;
  height: 50%;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  object-fit: cover;
  overflow: hidden;
}

.host2-img {
  display: block;
  margin: 0 auto;
  width: 75%;
  height: 50%;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  object-fit: cover;
  overflow: hidden;
}

.host1 {
  grid-column: 1;

}
.host2 {
  grid-column: 2;

}
.host1-text {
 margin: 1rem 4rem 1rem 6rem;
 font-size: 1.2rem;
 line-height: 1.5;
}
.host2-text {
 margin: 1rem 4rem 1rem 6rem;
 font-size: 1.2rem;
 line-height: 1.5;
}

.youtube-info {
  margin-top: -10rem;
}

.youtube-info, .othermedia-info {
  margin-bottom: 10rem;
}
.youtube-heading-quartinary, .other-heading-quartinary {
  font-size: 1.8rem;
  color:#267e36;
  text-transform: uppercase;
  text-align: center;
  margin: 1em 0;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ){

  .host1, .host2 {
    width: 100%;
    height: 115vh;
  }
  
  .youtube-info {
    margin-top: 10rem;
  }

  .youtube-info, .othermedia-info {
    margin-bottom: 10rem;
  }
}

@media only screen and (max-width: 1024px)  and (min-width: 769px ){

  .podcast-intro {
    margin-bottom: 4.8rem;
  }

  .podcast-host-profiles {
    display: flex;
    flex-direction: column;
  }

  .host1 {
    margin-bottom: -10rem;
  }

  .host1, .host2 {
    width: 100%;
    height: 140vh;
  }

  .host1-img, .host2-img {
    width: 55%;
  }

  .host1-text {
    margin-bottom: 1rem;
  }

  .youtube-info, .othermedia-info {
    margin-bottom: 10rem;
  }
}

@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .podcast-intro {
    margin-bottom: 4.8rem;
  }

  .podcast-host-profiles {
    display: flex;
    flex-direction: column;
  }

  .host1 {
    margin-bottom: -10rem;
  }

  .host1, .host2 {
    width: 100%;
    height: 140vh;
  }

  .host1-img, .host2-img {
    width: 80%;
  }

  .host1-text {
    margin: 1rem 0 0 2rem;
    width: 100%;
  }
  
  .host2-text {
    margin: 1rem 0 0 2rem;
    width: 100%;
  }

  .youtube-info {
    margin-top: -10rem;
  }

  .youtube-info, .othermedia-info {
    margin-bottom: 5rem;
  }
}

@media only screen and (max-width: 480px)  and (min-width: 459px ){

  .media-img {
    width: 100%;
    height: auto;
  }

  .podcast-intro {
    margin-bottom: 4rem;
    font-size: 1.15rem;
  }

  .podcast-host-profiles {
    display: flex;
    flex-direction: column;
  }

  .host1, .host2 {
    width: 100%;
    height: 130vh;
  }

  .host1-img, .host2-img {
    width: 90%;
    height: 50%;
    margin-bottom: 1rem;
  }

  .host1-text, .host2-text {
    width: 100%;
    margin: 0 1.25rem;
    font-size: 1.15rem;
  }

  .youtube-info {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 458px)  and (min-width: 400px ){

  .media-img {
    width: 100%;
    height: auto;
  }

  .podcast-intro {
    margin: 0 2rem 4rem 2rem;
    width: 90%;
    font-size: 1.2rem;
  }

  .podcast-host-profiles {
    display: flex;
    flex-direction: column;
  }

  .host1 {
    margin-bottom: -42.5rem;
  }

  .host1, .host2 {
    width: 100%;
    height: 195vh;
  }

  .host1-img, .host2-img {
    width: 90%;
    height: 20%;
    margin-bottom: 1rem;
  }

  .host1-text, .host2-text {
    width: 120%;
    margin: 0 auto;
    font-size: 1.2rem;
  }

  .youtube-info {
    margin-top: -48rem;
  }
}

@media only screen and (max-width: 400px){

  .media-img {
    width: 100%;
    height: auto;
  }

  .podcast-intro {
    margin: 0 2rem 4rem 2rem;
    width: 90%;
    font-size: 1.2rem;
  }

  .podcast-host-profiles {
    display: flex;
    flex-direction: column;
  }

  .host1 {
    margin-bottom: -42.5rem;
  }

  .host2 {
    margin-top: 15rem;
  }

  .host1, .host2 {
    width: 100%;
    height: 195vh;
  }

  .host1-img, .host2-img {
    width: 90%;
    height: 20%;
    margin-bottom: 1rem;
  }

  .host1-text, .host2-text {
    width: 120%;
    margin: 0 auto;
    font-size: 1.2rem;
  }

  .youtube-info {
    margin-top: -30rem;
  }
}

/******* EVENTS SECTION ******/
.events-img {
  width: 100%;
  height: 35rem;

  border-bottom: 6px solid #2f9e44;
}
.hero-events {
  font-size: 4.4rem;
  font-weight: 700;
  color: #133f1b;
  position: absolute;
  top: 50%;
  left: 30%;
}
.events-heading-quartinary {
  font-size: 1.8rem;
  color:#267e36;
  text-transform: uppercase;
  text-align: center;
  margin: 1em 0;
}
.hosted-text {
  margin: 2em 0;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5;
}
.scheduled-text {
  margin: 2em 0;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5;
}

/******* PODCAST SECTION ******/
/* Homepage */
.podcast-block {
margin: 10rem 2.4rem 12.8rem 2.4rem;
display: flex;
flex-direction: row;
}

.podcast {
  margin-right: 2rem;
  width: 170vw;
}

.podcast-info {
  margin: 0 5rem;
}

.podcast-heading-tertiary {
  font-size: 3.0rem;
  margin-bottom: 1.2rem;
}

.podcast-heading-quartinary {
  font-size: 1.8rem;
  color:#267e36;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}
.podcast-text {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 3.5rem 1.2rem 0;
}
.media-cta:link, .media-cta:visited {
  display: inline-block;
  padding: 1.2rem;
  text-decoration: none;
  color:#d5ecda;
  background-color:#267e36;
  border-radius: 9px;
  font-weight: 1.2rem;
  transition: all 0.3s;
}
.media-cta:hover, .media-cta:active {
  display: inline-block;
  font-weight: 400;
  padding: 1.2rem;
  text-decoration: none;
  color: #fff;
  background-color:#2f9e44;
  border-radius: 9px;
  font-weight: 1.2rem;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ){
  .podcast-block {
    display: flex;
  }

  .podcast {
    width: 245vw;
  }

  .podcast-info {
    float: right;
    margin: 0 2rem 0 1rem;
  }
  
  .podcast-heading-tertiary {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.5rem;
    clear: both;
  }

  .podcast-heading-quartinary {
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .podcast-text {
    display: flex;
  }  
}

@media only screen and (max-width: 1024px)  and (min-width: 769px ){

  .podcast-block {
    display: flex;
    flex-direction: column;
  }

  .podcast {
    width: 100%;
  }

  .podcast-info {
    float: none;
    margin: 0 2rem 0 1rem;
  }
  
  .podcast-heading-tertiary {
    margin-top: 3rem;
    text-align: center;
    font-size: 2.5rem;
    clear: both;
  }

  .podcast-heading-quartinary {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .podcast-text {
    display: flex;
  }
}
@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .podcast-block {
    display: flex;
    flex-direction: column;
  }

  .podcast {
    width: 100%;
  }

  .podcast-info {
    float: none;
    margin: 0 2rem 0 1rem;
  }
  
  .podcast-heading-tertiary {
    margin: 3rem;
    text-align: center;
    font-size: 2.5rem;
    clear: both;
  }

  .podcast-heading-quartinary {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .podcast-text {
    display: flex;
  }
}

@media only screen and (max-width: 480px)  and (min-width: 320px ){

  .podcast-block {
    display: flex;
    flex-direction: column;
  }

  .podcast {
    width: 100%;
  }

  .podcast-info {
    float: none;
    margin: 0 2rem 0 1rem;
  }
  
  .podcast-heading-tertiary {
    margin: 3rem;
    text-align: center;
    font-size: 2.5rem;
    clear: both;
  }

  .podcast-heading-quartinary {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    clear: both;
  }

  .podcast-text {
    display: flex;
  }
}


/******* EVENTS SECTION ******/
.events-main {
  margin-top: 11.5em;
}

.events-info {
  margin-bottom: 10rem;
}
.events-heading-tertiary {
  font-size: 3.0rem;
  margin: 1.2em 0;
  text-align: center;
}
.scheduled-heading-tertiary {
  font-size: 3.0rem;
  margin-bottom: 1.2rem;
  text-align: center;
}
.events-heading-tertiary {
  font-size: 3.0rem;
  margin-bottom: 1.2rem;
  text-align: center;
}

@media only screen and (max-width: 1024px)  and (min-width: 769px ){
  .hero-events {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 768px)  and (min-width: 481px ){
  .hero-events {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 480px)  and (min-width: 320px ){
  .hero-events {
    font-size: 3.2rem;
  }
}


/******* RESOURCES SECTION ******/

.resource-block {
  margin-bottom: 15rem;
}
.resource-heading-tertiary {
  font-size: 3.0rem;
  text-align: center;
  margin-bottom: 1.2rem;
}
.resource-cards {
  display: flex;
  gap: 4rem;
  justify-content: space-around;
  align-items: center;
  /* margin: 0 0 9.6rem 0; */
  margin: 0 auto;
  padding: 4vh 4vw;
}
.cards {
  background-color: #fff;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  box-shadow: 15px 15px 15px 1px #133f1b;
  padding-bottom: 1.2rem;
  transition: all 0.5s;
}
.cards:hover {
  box-shadow: 15px 15px 15px 1px #133f1b;
  transform: translateY(-2rem);
}
.resource-heading-quinary {
  background-color: #2f9e44;
  color:#d5ecda;
  font-size: 1.4rem;
  padding: 2.4rem 4.8rem;
  text-align: center;
  text-transform: uppercase;
}
.resource-heading-senary {
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase;
}
.icons {
  /* margin: 4.8rem 4.8rem 2.4rem 7.5rem; */
  margin: 11vh 8vw;
}

.card-text {
 padding:  1.2rem 2.4rem;
}
.resources-link:link, .resources-link:visited {
  color: #267e36;
  font-weight: 700;
  text-decoration: none;
}
.resources-link:hover, .resources-link:active {
  color: #2f9e44;
  font-weight: 700;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ) {

  .resource-cards {
    gap: 2rem;
    padding: 4vh 4vw;
}

}
/* switched to tablet & smart phone view */
@media only screen and (max-width: 1024px)  and (min-width: 769px ){
 
  .resource-block {
    margin-bottom: 15rem;
  }

  .resource-cards {
    display: flex;
    flex-direction: column;
    margin: 0 5vw;
}

.icons {
  /* margin: 4.8rem 4.8rem 2.4rem 7.5rem; */
  padding: 5vh 25vw;
}

}
@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .resource-block {
   margin-bottom: 15rem;
  } 

  .resource-cards {
    display: flex;
    flex-direction: column;
    margin: 0 5vw;
   
}

.icons {
  /* margin: 4.8rem 4.8rem 2.4rem 7.5rem; */
 padding: 5vh 25vw;
}

}

@media only screen and (max-width: 480px)  and (min-width: 320px ){

  .resource-block {
    margin-bottom: 15rem;
  }
  .resource-cards {
    display: flex;
    flex-direction: column;
    margin: 0 5vw;
}

.icons {
  /* margin: 4.8rem 4.8rem 2.4rem 7.5rem; */
  padding: 5vh 25vw;
}
}

/****** RESOURCES PAGE *******/
.resources-main {
  margin-top: 11.5em;
}
.help-img {
  width: 100%;
  height: 35rem;

  border-bottom: 6px solid #2f9e44;;
}
.hero-resources {
    font-size: 4.4rem;
    font-weight: 700;
    color: #133f1b;
    position: absolute;
    top: 55%;
    left: 25%;
}
.resource-intro {
  margin: 1rem 5rem 5rem 5rem;
  font-size: 1.2rem;
  color: #133f1b;
}
.crisis-heading-quartinary, .support-heading-quartinary {
  font-size: 1.8rem;
  color:#267e36;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3rem;
}

.crisis-grid {
  margin: 0 6.4rem;
  margin-bottom: 13rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  row-gap: 2rem;
}
.crisis-logos {
  width: 100%;
  height: 10rem;
  border-radius: 15px;
  border: 6px solid #2f9e44;
  box-shadow: 15px 15px 15px 1px #133f1b;
}

.crisis-logos:hover {
  transform: scale(1.08) translateY(-0.8rem);
  transition: all .2s;
}

.light-top {
  margin-top: 4rem;
}

.support-info {
  display: block;
}
.support-grid {
  display: grid;
  margin: 0 5rem 0 7rem;
  grid-template-columns: 2;
  grid-template-rows: 2;
  column-gap: 3rem;
  row-gap: 2rem;
}

.phone-numbers {
  grid-column: 2;
  grid-row: 1;
}

.phone-numbers2 {
  grid-column: 2;
  grid-row: 2;
}

.support-text {
  font-size: 1.1rem;
  line-height: 1.5;
}
 .male_caregiving, .embrace {
  width: 600px;
  height: 400px;
  border-radius: 15px;
  border: 6px solid #2f9e44;
}

.male_caregiving {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 3rem;
  object-fit: cover;
}

.embrace {
  grid-column: 1;
  grid-row: 2;
  object-fit: cover;
}

.more-grid {
  display: grid;
  margin: 0 5rem 0 7rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2);
  column-gap: 3rem;
  row-gap: 2rem;
}

.woman_therapy, .male_therapy {
  width: 600px;
  height: 400px;
  border-radius: 15px;
  border: 6px solid #2f9e44;
}

.woman_therapy {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 3rem;
  object-fit: cover;
}

.male_therapy {
  grid-column: 1;
  grid-row: 2;
  margin-bottom: 3rem;
  object-fit: cover;
}
.more-1 {
  grid-column: 2;
  grid-row: 1;
}

.more-2 {
  grid-column: 2;
  grid-row: 2;
}

.more-text {
 font-size: 1.1rem;
 line-height: 1.6;
}


@media only screen and (max-width: 1222px)  and (min-width: 1025px) {
  
  .male_caregiving, .embrace {
    width: 100%;
  }
/* 
  .more-1 {
    margin-left: -3rem;
  } */
  .woman_therapy, .male_therapy {
    width: 100%;
  }

  .support-grid,.more-grid  {
    margin: 0 5rem 0 7rem;
    grid-template-columns: repeat(2, 405px);
    
  }
  .support-text, .more-text {
  font-size: 1.1rem;
  }

}

@media only screen and (max-width: 1024px)  and (min-width: 769px ){

  .hero-resources {
    position: absolute;
    top: 55%;
    left: 15%;
  }

  #crisis_head_view {
    margin-top: 15rem;
  }

  .crisis-logos {
    width: 100%;
    height: 8rem;
  }

  .light-top {
    margin-top: 2rem;
  }

  .support-grid, .more-grid  {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  }

  .support-text {
    margin: 0 3rem 0 7rem;
    font-size: 1.1rem;
  }

  .male_caregiving, .embrace, .woman_therapy, .male_therapy {
    width: 70vw;
  }
  .more-block {
    margin: 15rem 0 5rem 0;
   }

  .more-text {
    margin: 0 auto;
  }
}


@media only screen and (max-width: 768px)  and (min-width: 481px ){

  .hero-resources {
    position: absolute;
    top: 55%;
    left: 10%;
    font-size: 2.75rem;
  }

  #crisis_head_view {
    margin-top: 25rem;
  }


  .crisis-block {
    display: grid;
    justify-content: center;
    align-items: center;
  }

  .crisis-logos {
    width: 20vw;
    height: 5rem;
  }

  .light-top {
    margin-top: -4rem;
  }

  .support-grid, .more-grid  {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  }

  .support-text {
    margin: 0 3rem 0 7rem;
    font-size: 1.1rem;
    }

    .male_caregiving, .embrace, .woman_therapy, .male_therapy {
      width: 60vw;
    }
  .more-block {
    margin: 27rem 0 5rem 0;
  }

  .more-text {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px)  and (min-width: 320px ){
  .hero-resources {
    position: absolute;
    top: 55%;
    left: 10%;
    font-size: 2.75rem;
  }

  .resource-intro {
    margin-bottom: 10rem;
  }
  #crisis_head_view {
    margin-top: 30rem;
  }

  .crisis-block {
    display: grid;
    justify-content: center;
    align-items: center;
  }
  .crisis-logos {
    width: 20vw;
    height: 5rem;
  }

  .light-top {
    margin-top: -4rem;
  }

  .support-grid, .more-grid  {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  }

  .support-text {
    margin: 0 .5rem;
    font-size: 1.1rem;
    }

    .male_caregiving, .embrace, .woman_therapy, .male_therapy {
      width: 65vw;
    }
  .more-block {
    margin: 27rem 0 5rem 0;
  }

  .more-text {
    margin: 0 auto;
  }
}
/******* CONTACT SECTION ******/
.contact-main {
  margin-top: 11.5em;
}

.contact-img {
  width: 100vw;
  height: 73.5vh;
  border-bottom: 6px solid #2f9e44;;
}

.in-touch-h2 {
  margin-bottom: 5.2rem;
}

.in-touch-h4 {
  text-align: center;
  margin-bottom: 3rem;

}

.touch-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #c1e2c7;
}

.touch-form {
  padding: 1rem;
  grid-column: 1;
  margin-bottom: 10rem;
}

.touch-text{
  grid-column: 2;
}

fieldset {
  color: #133f1b;
  border-color: #267e36;
  padding: 2rem;
  border-radius: 5px;
}

legend {
  font-size: 1.6rem;
  padding: 0 0.5rem;
}

label, .touch-text {
  font-size: 1.4rem;
  padding-bottom: 0.8rem;
}

#fname, #lname, #email, #message {
  border-radius: 5px;
}

.in-touch-h2 {
  margin-top: 4.8rem;
}

.in-touch-h4  {
  color: #267e36;
  padding: 2rem 0 1rem 0;
  justify-content: center;
}

.touch-text {
  text-align: center;
  color: #133f1b;
}

input, textarea {
  width: 100%;
  padding: 12px 20px;
}

.b-side {
  color: #d5ecda;
}

.hello {
  text-decoration: none;
}

.speaker-h2 {
  margin: 9.6rem 0 4.8rem 0;
  text-align: center;
}

.speakers-block {
  margin: 0 2.4rem 8.8rem 2.4rem;
}

.mic-img {
  width: 93%;

  border-radius: 15px;
  border: 6px solid #2f9e44;
}

.speaker-text {
  font-size: 1.4rem;
}

input.submit {
  background-color: #267e36;
  color: #d5ecda;
  font-size: 1rem;
  border-radius: 5px;
}

@media only screen and (max-width: 1222px)  and (min-width: 1025px) {
  
  .speaker-h4 {
    font-size: 1.5rem; 
    
  }
  .mic-img {
    height: 50vh;
  
    border-radius: 15px;
    border: 6px solid #2f9e44;
  }
  .speaker-text {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 1024px)  and (min-width: 769px) {

  .speaker-h2 {
    text-align: center;
  }
  .speakers-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .speaker-h4 {
    font-size: 1.4rem; 
    
  }
  .mic-img  {
    width: 55vw;
  }
  .speaker-text {
    margin: 0 5rem 0 7rem;  
    font-size: 1.25rem;
  }

  .touch-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }

}

@media only screen and (max-width: 768px)  and (min-width: 481px) {

  .contact-img {
    width: 100vw;
    height: 55vh;
  }
  .speaker-h2 {
    text-align: center;
  }
  .speakers-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .speaker-h4 {
    font-size: 1.4rem; 
    
  }
  .mic-img  {
    width: 55vw;
  }
  .speaker-text {
    margin: 0 5rem 0 7rem;  
    font-size: 1.25rem;
  }

  .touch-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 480px)  and (min-width: 320px) {
  .speaker-h2 {
    text-align: center;
  }
  .speakers-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .speaker-h4 {
    font-size: 1.25rem; 
    
  }
  .mic-img  {
    width: 55vw;
  }
  .speaker-text {
    margin: 0 5rem 0 7rem;  
    font-size: 1.2rem;
  }

  label, .touch-text {
    font-size: 1.2rem;
    padding-bottom: 0.8rem;
  }

  .touch-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }
}
/******* FOOTER SECTION ******/

footer {
  border-top: 6px solid #2f9e44;
}

.footer-block {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  margin-bottom: 3.2rem;
}

.company-info p {
  font-size: 1.4rem;
  margin: 0 2.6rem;
  grid-column: span 2;
}

.logo-footer {
  width: 50%;
}
.social {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 1rem 2.6rem 0 2.6rem;
}
.social-icons {
  width: 32px;
}
.explore-heading-quartinary {
  padding-left: 2rem;
}
.explore-heading-quartinary, .social-heading-quartinary {
  margin: 2.0rem 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
.explore-menu {
 grid-column: 2;
 list-style: none;
 margin: 1rem 2rem;
}
.explore-menu li {
  padding-top: 1rem;
}

.explore-menu-links {
  text-decoration: none;
  list-style: none;
  padding: 0.5rem 0;
  font-size: 1.2rem;
}
#mc_embed_signup {
  padding-left: 10rem;
  margin-top: 2.0rem;
}
.indicates-required {
  margin-bottom: 1rem;
}
.fname, .lname, .email {
  font-size: 1.2rem;
  display: block;
}
.required {
  height: 1.5rem;
  border-radius: 5px;
}
.helper_text {
 font-size: 0.8rem;
 filter: brightness(50%);
 display: block;
}
.form-space {
  margin-bottom: 1rem;
}
.required {
  width: 20rem;
}
.submission {
  display: flex;
  gap: 2rem;
}
input.btn-submit, 
input.btn-reset {
  padding: 1.2rem;
  color:#d5ecda;
  background-color:#267e36;
  border-radius: 9px;
  font-weight: 1.2rem;
  transition: all 0.3s;
}
.btn-submit:hover, .btn-submit:active, 
.btn-reset:hover, .btn-reset:active {
  padding: 1.2rem;
  color: #fff;
  background-color:#2f9e44;
  border-radius: 9px;
  font-weight: 1.2rem;
  transition: all 0.3s;
}
.web_dev {
  background-color: #2f9e44;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.25rem;
  padding: 0.5rem 0;

}

@media only screen and (max-width: 1222px)  and (min-width: 1025px ){
  .footer-block {
    grid-template-columns: repeat(3, 200px);
    grid-template-rows: 2;  
  }
  .footer-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* display: grid;
    grid-template-columns: 1;
    grid-template-rows: 3; 
    row-gap: 1rem; 
    justify-content: center;
    align-items: center; */
  }

  .social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
  }

  .logo-footer {
    width: 60%;
  }

  .company-info {
    font-size: 1rem;
    margin-left: 1rem;
    text-align: center;
    /* grid-row: 1; */
  }

  .explore-menu {
    font-size: 1.4rem;
    margin: 0 2.6rem;
    grid-column: 2;
    grid-row: 2;
  }

  .subscribe-form{
    font-size: 1.4rem;
    margin: 0 2.6rem;
    grid-column: 3/4;
    grid-row: 2;
  }
}

/* switched to tablet & smart phone view */
@media only screen and (max-width: 1024px)  and (min-width: 769px ){
  .footer {
    max-width: 25vw;
   }
   .footer-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* display: grid;
    grid-template-columns: 1;
    grid-template-rows: 3; 
    row-gap: 1rem; 
    justify-content: center;
    align-items: center; */
  }

  .social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
  }

  .logo-footer {
    width: 60%;
  }

  .company-info {
    font-size: 1rem;
    margin-left: 1rem;
    text-align: center;
    /* grid-row: 1; */
  }

   .explore-menu {
     font-size: 1rem;
     /* grid-column: 1; */
     /* grid-row: 2; */
     text-align: center;
   }
  .explorer-heading-quartinary {
    text-align: center;
  }
 
   .subscribe-form {
     margin-left: -5rem;
     font-size: 1rem;
     /* grid-row: 3; */
   }
}

@media only screen and (max-width: 768px)  and (min-width: 481px ){
 .footer {
   max-width: 25vw;
  }
  .footer-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* display: grid;
    grid-template-columns: 1;
    grid-template-rows: 3; 
    row-gap: 1rem; 
    justify-content: center;
    align-items: center; */
  }

  .social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;

  }
  .logo-footer {
    width: 60%;
  }
  .company-info {
    font-size: 1rem;
    margin-left: 1rem;
    text-align: center;
    /* grid-row: 1; */
  
  }
  .explore-menu {
    font-size: 1rem;
    /* grid-column: 1; */
    /* grid-row: 2; */
    text-align: center;
  }
 .explorer-heading-quartinary {
   text-align: center;
 }

  .subscribe-form {
    margin-left: -5rem;
    font-size: 1rem;
    /* grid-row: 3; */
  }
}

@media only screen and (max-width: 480px)  and (min-width: 320px ){


  .footer {
   max-width: 25vw;
  }

  .footer-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* display: grid;
    grid-template-columns: 1;
    grid-template-rows: 3; 
    row-gap: 1rem; 
    justify-content: center;
    align-items: center; */
  }

  .social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
  }

  .logo-footer {
    width: 60%;
  }

  .company-info {
    font-size: 1rem;
    margin-left: 1rem;
    text-align: center;
    /* grid-row: 1; */
  }

  .explore-menu {
    font-size: 1rem;
    /* grid-column: 1; */
    /* grid-row: 2; */
    text-align: center;
  }
 .explorer-heading-quartinary {
   text-align: center;
 }

  .subscribe-form {
    margin-left: -5rem;
    font-size: 1rem;
    /* grid-row: 3; */
  }
}