@import url(https://fonts.bunny.net/css?family=cormorant-garamond:300,700);
nav {margin-bottom: 0vmin;}
section.header-container-midlife {width: 66%; margin: 0 auto;}

header.midlife {background-size: cover;
  background-position: 30% center;
  background-repeat: no-repeat;
  min-height: 725px; /* adjust as needed */}

h1.title-midlife {color: #fff; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-style: normal; font-size: 7rem; padding-top: 250px;}
h2.subtitle-midlife {color: #fff;
  font-family: 'Cormorant Garamond', serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;}

h3.intro-midlife {color: #fff; 
  font-family: 'Cormorant Garamond', serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 2.2rem;
}

.collection-midlife-list {width: 55%; margin: 0 auto;}
.collection-midlife-list h4 a {font-family:'Cormorant Garamond', serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1rem;
  color: #a85852;
}

.collection-midlife-list p {font-family: 'Cormorant Garamond', serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #a85852;
}

.subscribe-midlife {width: 380px; height: 30px; background-color: #d27a64; margin: 0 auto;}
.subscribe-midlife a {color: #fff; line-height: 30px;}

blockquote.midlife {font-size: 3.5rem; width: 70%; margin: 0 auto; font-family: 'Cormorant Garamond', serif;
  font-optical-sizing: auto;
  font-weight: 700;
  color: #000;
  opacity: 0.5;
  font-style: normal;}

p.cite-midlife {opacity: 0.3;}

/*MOBILE*/

@media only screen and (max-width: 900px){
  header.midlife {min-height: 800px;}
  section.header-container-midlife {width: 80%; margin: 0 auto;}
  h1.title-midlife {font-size: 5rem;}
  h2.subtitle-midlife {font-size: 1.5rem;}
}

@media only screen and (max-width: 576px){
  header.midlife {min-height: 900px;}
   section.header-container-midlife {width: 95%; margin: 0 auto;}
   .collection-midlife-list {width: 90% !important;}
   h1.title-midlife {font-size: 4rem;}
   blockquote.midlife {font-size: 2.5rem;}
}