@font-face {
  font-family: Roxale Story Number Italic;
  src: url('/assets/fonts/roxale-story-italic.ttf') format('truetype');
  unicode-range: U+30-39;
}

@font-face {
  font-family: Roxale Story Number;
  src: url('/assets/fonts/Roxale%20Story%201.ttf') format('truetype');
  unicode-range: U+30-39;
}
@font-face {
  font-family: Roxale Story Char Italic;
  src: url('/assets/fonts/roxale-story-italic.ttf') format('truetype');
  unicode-range: U+20-21, U+27, U+3F, U+41-5A, U+61-7A;
}


@font-face {
  font-family: Roxale Story Char;
  src: url('/assets/fonts/Roxale%20Story%201.ttf') format('truetype');
  unicode-range: U+20-21, U+3F, U+41-5A, U+61-7A;
}
h1 em, .h1 em, h2.h1 em{
  font-family: "Roxale Story Char Italic";
}
.anniversary span.number{
  font-family: "Roxale Story Number";
}
.anniversary em span.number{
  font-family: "Roxale Story Number Italic";
}

.anniversary{
  max-width: 2400px;
  margin-left: auto;
  margin-right: auto;
	padding-top: 12.25vw;
  padding-top: 160px;
  
}
.anniversary p,
.anniversary h1{
	color:#404F31;
}
.anniversary h1,
.anniversary h2.h1,
.anniversary h1 em,
.anniversary h2.h1 em{
  font-style: normal;
}
.anniversary p{
	/*text-align: justify;*/
}
.anniversary .col-text p:last-of-type {
    margin-bottom: 0;
}
.anniversary .col-text h1 {
    margin: 0 0 20px;
    font-size: calc(50px + 22 * ((100vw - 650px) / 950));
}
.col-text{
	padding:0 9.75vw 0 50px;
	width:38%;
}

.col-text.pad-top{
  padding-top:60px;
}
.col-text:first-child{
	padding:0 50px 0 9.75vw;
}
.anniversary.sam .col-text.pad-top:first-child,
.anniversary.bf-today .col-text.pad-top:first-child,
.anniversary.mtn .col-text.pad-top:first-child,
.anniversary.early .col-text.pad-top:first-child,
.anniversary.food .col-text.pad-top:first-child {
    padding-top: 60px;
}
.col-imgs{
	width:62%;
	position: relative;
}
.timeline .col-imgs{
	width:50%;
}
.timeline .col-text{
	width:50%;
	padding:0 9.75vw 0 9.75vw;
}
.timeline .col-text:first-child{
	padding:0 9.75vw 0 9.75vw;
}
/*-- stacked slider --*/


.stacked-slider {
  margin: 0 auto;
  width:70%;
  position: relative;
}

.stacked-slider .slides {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(8, 1fr);
  aspect-ratio: 4 / 3;
  position: relative;
}

.stacked-slider figure {
  position: relative;
  transition: transform 0.5s ease;
  cursor: pointer;
}
.stacked-slider figure::before {
    pointer-events: none;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    transition: opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0s;
    content: "";
    mix-blend-mode: normal;
    display: block;
    position: absolute;
       opacity: 0;
}
.stacked-slider figure.pos-2::before{
    opacity: 0.7;
    transition: opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0.4s;
}
.stacked-slider .dots {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 0px;
    position: absolute;
    bottom: 30%;
    right: 20px;
}

.stacked-slider .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #404f314d;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.stacked-slider .dot.active {
  background: #404F31;
  transform: scale(1.1);
}

.stacked-slider .pos-1 {
  grid-column: 6 / 13;
  grid-row: 1 / 6;
  z-index: 1;
}

.stacked-slider .pos-2 {
  grid-column: 3 / 10;
  grid-row: 3 / 8;
  z-index: 4;
}

.stacked-slider .pos-3 {
  grid-column: 1 / 6;
  grid-row: 2 / 7;
  z-index: 2;
}

.stacked-slider .pos-4 {
  background-color: black;
  grid-column: 2 / 9;
  grid-row: 5 / 9;
  z-index: 3;
}
.stacked-slider figcaption{
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: #404F31;
  padding:30px;
  text-align: center;
  color:white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  mix-blend-mode: none;
  opacity: 0;
  transition:opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0s, mix-blend-mode 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0s;
  z-index: 2;

}
.stacked-slider figure.pos-2 figcaption{
  opacity: 1;
   mix-blend-mode: screen;
  transition:opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0.4s, mix-blend-mode 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0.4s;
}


.stacked-slider figure.pos-2 figcaption{
  opacity: 1;
  transition:opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0.4s;
}
.stacked-slider figure img{
  filter:none;
  transition:filter 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0s;
}
.stacked-slider figure.pos-2 img{
  filter:grayscale(1);
  transition:filter 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0.4s;
}
.stacked-slider figcaption::after{
  content: "";
  display: block;
  position: absolute;
  top:12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  background-color: transparent;
  border: 1px solid white;
  opacity: 0;
  pointer-events: none;
  transition:opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0s;
}
.stacked-slider figure.pos-2 figcaption::after{
  opacity: 0.5;
   transition:opacity 0.35s cubic-bezier(0.11, 0, 0.5, 0) 0.4s;
}


.stacked-slider figcaption > span,
.stacked-slider figcaption h2{
  font-family: "DM Sans";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 3px;
  position: relative;
  z-index: 2;
}
.stacked-slider figcaption h2 em{
  display: block;
  font-family: "Roxale Story Char Italic", sans-serif;
  text-transform: none;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
}
.stacked-slider figcaption > span{
  font-size: 11px;
  letter-spacing: 1px;
  display: block;
  margin:15px 0 10px;

}
.stacked-slider figcaption svg{
  width: 16px;
  height: auto;
  display: block;
  margin:0 auto;
  position: relative;
  z-index: 2;
}
.stacked-slider figcaption h2,
.stacked-slider figcaption > span,
.stacked-slider figcaption svg{
  opacity: 0;
  filter: blur(5px);
  transition:opacity 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0s, filter 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0s;
}
.stacked-slider .pos-2 figcaption h2,
.stacked-slider .pos-2 figcaption > span,
.stacked-slider .pos-2 figcaption svg{
  opacity: 1;
  filter: blur(0px);
  transition:opacity 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.6s, filter 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.75s;
}
.intro-50 p{
	text-align: center;
  max-width: 540px;
  margin:0 auto 40px;
}
.intro-50 .stacked-slider + p{
  margin:40px auto 0px;
}
 
.stacked-slider figure {
  transition: transform 0.75s cubic-bezier(0.65,0.05,0.36,1), z-index 0.75s ease;
  will-change: transform;
}
.stacked-slider .slides figure::after {
  transition: background 0.75s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.stacked-slider {
  position: relative;
}

.slider-arrow {
  cursor: pointer;
    position: absolute;
    bottom: 30%;
    z-index: 20;
    width: 32px;
    height: 20px;

}

.slider-arrow:hover svg{
  opacity: 1;
  transition: opacity 0.35s ease;
}
.slider-arrow svg {
    width: 100%;
    height: auto;
    opacity: 0.3;
    transition: opacity 0.35s ease;
}
.slider-arrow.prev {
    right: 69px;
}

.slider-arrow.next {
  right: 20px;
}


.dot {
  position: relative;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.dot::after {
  content: '';
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
}


 
/*-- timeline --*/
.anniversary .timeline .col-text a{

}
.anniversary .timeline li > a{
  display: none;
  order:3;
}
#timeline{
  height:100%;
  width:0.5px;
  background-color: #404F31;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin:0 auto;
}
#timeline::before,
#timeline::after{
  content: "";
  width:40px;
  height: 0.5px;
  margin:0 auto;
  left:-20px;
  display: block;
  position: absolute;
  top:0;
    background-color: #404F31;
}
#timeline::after{
  top:initial;
  bottom: 0;
}
.timeline{
  position: relative;
  padding: 60px 0;
}
.timeline li:nth-of-type(even) .col-imgs{
  padding:0 50px 0 50px;
}
.timeline li:nth-of-type(odd) .col-imgs{
  padding:0 50px 0 50px;
}
.timeline .col-text{
  padding-top:60px;
}
.timeline time {
    display: block;
    position: relative;
    margin: 0 0 50px 0;
    color:#9E9653;
    font-size: 14px;
}
.timeline h2.h1{
  color:#404F31;
  font-size: calc(42px + 22 * ((100vw - 650px) / 950));
}
.timeline time::before {
    content: "";
    display: block;
    position: absolute;
    left: -9.75vw;
    width: calc(9.75vw - 8px);
    height: 0.5px;
    background: #404f31;
    top: 11px;
}
/*-- the land --*/
.col-imgs.land0{
	  display: flex;
    flex-wrap: nowrap;
}
.col-imgs.land0 figure.bw{
       margin: 0 45% 40px 0;
}
.col-imgs.land0 figure.main{
 margin: 0 10% 0 50px;
}
.col-imgs.land0 figure.bg{
    width: 50%;
    position: absolute;
    margin: 50px 0 0 0px;
    height: 100%;
} 
.col-imgs.land0 .overlap-wrapper{
    position: relative;
    z-index: 2;
    width: 70%;
    margin: 0 0 0 auto;
}

.col-imgs.land1{
	display: flex;
	margin: 0 auto;
}
.col-imgs.land1 figure:nth-of-type(1){
 
    margin:120px 9.75vw 0 18%;
  	z-index: 2;
      position: absolute;
}
.col-imgs.land1 figure:nth-of-type(2){
       width: 75%;
    height: 100%;
    margin: -12vw 0 0px;
    position: relative;
    z-index: 0;
    max-height: 750px;
        max-height: 950px;
    margin: -160px 0 0px;
    margin: 0px 0 0px;
    max-height: 600px;
}
.anniversary.land section:nth-of-type(2) {
    margin-top: -140px;
    margin-top: 0;
        margin-top: 20px;
}
.col-imgs.land2{
 	display: grid;
  	grid-template-columns: repeat(12, 1fr);
  	grid-template-rows: repeat(9, 1fr);
  	aspect-ratio: 4 / 3;
  	margin: 0 auto 0;
    padding:0 0 0 50px;
}
.col-imgs.land2 figure:nth-of-type(1){
	grid-column: 4 / 13;
  grid-row: 1 / 6;
  z-index: 1;
}
.col-imgs.land2 figure:nth-of-type(2){
	 grid-column: 1 / 9;
  grid-row: 4 / 10;
  z-index: 2;
}
.col-imgs.land3{
	display: grid;
 	grid-template-columns: repeat(12, 1fr);
  	grid-template-rows: repeat(10, 1fr);
  	aspect-ratio: 4 / 3; /* keeps proportions */
  	margin: 0 auto;
  	position: relative;
}
.col-imgs.land3 figure:nth-of-type(1){
	grid-column: 2 / 8;
  	grid-row: 1 / 5;
  	z-index: 2;
  	top:-3vw;
}
.col-imgs.land3 figure:nth-of-type(2){
	grid-column: 1 / 5;
  	grid-row: 4 / 10;
  	z-index: 1;
}
.col-imgs.land3 figure:nth-of-type(3){
 	grid-column: 6 / 12;
  	grid-row: 3 / 9;
  	z-index: 3;
}
.col-imgs.land3 figure:nth-of-type(4){
	grid-column: 8 / 11;
  	grid-row: 2 / 4;
  	z-index: 4;

}
.col-imgs.land3 figure.sheep img{
	object-fit: contain;
	width:80px;
	height: auto;
	margin:0 0 0 auto;
}
/*- the early years --*/
.anniversary.early section.flex-wrap:nth-of-type(4) {
    /*margin-top: 40px;
    margin-top:60px;*/
}
.col-imgs.years1 > figure {
    width: 78%;
    margin-left: 30px;
}

.col-imgs.years1 > div figure:nth-of-type(1) {
    width: 40%;
    position: absolute;
    left: 10%;
    top: 50px;
    z-index: 1;
    top: initial;
    margin: 80px 0 0;
}

.col-imgs.years1 .flex-wrap {
    flex-wrap: nowrap;
    position: relative;
}

.col-imgs.years1 > div figure:nth-of-type(2) {
    width: 65%;
    left: 32%;
    top: initial;
    margin-top:-50px;
}
.col-imgs.years2 .flex-wrap {
    flex-wrap: nowrap;
    position: relative;
    z-index: 1;
    align-items: center;
}

.col-imgs.years2 .flex-wrap figure:nth-of-type(1) {
   margin: 0px -40px 0px 0;
    left: 20px;
    z-index: 1;
    width: 50%;
    transform: translateY(-60px);
}

.col-imgs.years2 > figure {
        margin: -90px 5% 0 32%;
    top: initial;
}
.anniversary.mtn .col-imgs.years2 > figure{
     /*margin: -90px 5% 20px 32%;*/
}
.col-imgs.years2 {
    transform: translateY(-120px);
}
.col-imgs.years2 .flex-wrap figure:nth-of-type(2) {
     margin: 0 80px 0 0;
    width: 50%;
}
.mt-collapse{
  margin:-80px 0 0;
}
.years2 + .col-text.pad-top {
    padding-top: 150px;
}
.anniversary.sam .years2 + .col-text.pad-top,
.anniversary.mtn .years2 + .col-text.pad-top,
.anniversary.early .years2 + .col-text.pad-top,
.anniversary.food .years2 + .col-text.pad-top{
  padding-top:60px;
}
.anniversary.giving-back .years2 + .col-text.pad-top {
    padding-top: 60px;
}

.anniversary.food .col-imgs.years3 {
    margin-top: 0;
}

.anniversary.food .col-imgs.years3 figure:nth-of-type(3) {
    bottom: -40px;
    left: 55%;
}

.anniversary.food .col-imgs.years1 > figure {
    width: 58%;
}

.anniversary.food .col-imgs.years1 > div figure:nth-of-type(1) {
    top: initial;
        margin: 10px 0 0;
    width: 30%;
    max-width: 250px;

}

.anniversary.food .col-imgs.years1 > div figure:nth-of-type(2) {
    width: 65%;
    left: 32%;
    top: initial;
    margin-top: -50px;
    max-height: 400px;
}



.col-imgs.years3 figure:nth-of-type(1) {
    width: 90%;
    margin: -10% 0 0 auto;
    max-height: 450px;
}

.col-imgs.years3 figure:nth-of-type(2) {
    
    width: 50%;
        left: 30px;
            margin: -40% 0 0 0
}
.col-imgs.years3 figure:nth-of-type(3) {
    position: absolute;
    width: 170px;
    bottom: 7%;
    left: 42%;
}
.food-section .col-imgs.years4 .flex-wrap figure:nth-of-type(2) {
    width: 45%;
    margin: -15px 20px 80px auto;
}
.anniversary.mtn .col-imgs.years2 {
    transform: translateY(0px);
}
.col-imgs.years4 > figure {
    width: 45%;
    margin: -10% 0 0 9.75vw;
 
}

.food-section .col-imgs.years4 > figure {
    width: 60%;
    margin: -10% 0 0 25%;
}
.col-imgs.years4 .flex-wrap{
     z-index: 1;
     margin:-20px 0 0 0;
}
.col-imgs.years4 .flex-wrap figure:nth-of-type(2) {
    width: 50%;
    margin: -12% 0 100px 45%;
}
.col-imgs.years4 .flex-wrap figure:nth-of-type(1) {
    width: 150px;
    margin: -18% 0 0 40px;;
}
/*-- the beall family --*/
.col-imgs.beall1 .flex-wrap{
  flex-wrap: nowrap;
}
.col-imgs.beall1 .flex-wrap:nth-of-type(1){
  z-index: 1;
}
.col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(1) {
  width: 40%;
    margin: -50px 20px 0 10%;
  z-index: 1;
}
.col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2) {
  width: 50%;
      max-height: 300px;
    margin: 120px 30px 0 0;
        margin: 0vw 100px 0 0;
}
.col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(1) {
  width: 50%;
  margin:-50px 0px 50px 20%;
}
.col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2) {
    width: 40%;
    margin:15% 0 0 -15%;
    z-index: 1;
  
}
.col-imgs.beall2 + .col-text.pad-top {
   /* padding-top: 220px;*/
}
.col-imgs.beall2 > div {
    width: 52%;
}
.col-imgs.beall2 > figure:first-of-type {
    position: absolute;
    width: 18vw;
    top: -80px;
    right: 30%;
}

.col-imgs.beall2 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

.col-imgs.beall2 > figure:last-of-type {
    width: 48%;
    margin: 30px 0 0 40px;
        max-height: 780px;
}

.col-imgs.beall2 > div figure:nth-of-type(1) {
    margin: 50% 12% 0 -10%;
}

.col-imgs.beall2 > div figure:nth-of-type(2) {
    margin: 50px 30% 30px -30%;
}
.col-imgs.beall3{
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
}
.col-imgs.beall3 > figure{
  width:50%;
      margin: 0 0 0 40px;
      z-index: 1;
}
.col-imgs.beall3 > div{
  width:50%;
  margin: 0 0 0 -10%;
}
.col-imgs.beall3 > div figure:last-of-type {
    margin: 20px 60px 0 -50px;
}
.col-text.beall3.pad-top {
  margin-top: 100px; 
  margin-top:60px;
} 
.col-imgs.land3 + .col-text{
  margin:0 0 9.75vw auto;
}
.col-imgs.beall4{
  display: flex;
  width: 100%;
  padding:0 50px;
  align-items: center;
}
.col-imgs.beall4 + .col-text{
  width: 100%;
  margin:-20px 0 0vw;
      padding: 60px 0 20px;
}
.col-imgs.beall4 + .col-text p{
  margin:0 auto 0px;
  max-width: 650px;
}
.col-imgs.beall4 figure:nth-of-type(1){
  z-index: 3;
  margin:100px 0 0 0;
}
.col-imgs.beall4 figure:nth-of-type(2){
  z-index: 2;
  margin:-60px 0 0 -40px;
}
.col-imgs.beall4 figure:nth-of-type(3){
  z-index: 0;
  margin:60px 0 0 -20px;
}
.col-imgs.beall4 figure:nth-of-type(4){
  z-index: 1;
  margin:20% 0 0 -20px;
}
.col-imgs.beall4 + .col-text{
  position: relative;
}
.col-imgs.beall4 + .col-text figure{
  width: 120px;
    top: -4px;
    position: absolute;
    z-index: 5;
    margin: 0 0 0 30px;
}

.btn-box .btn:last-of-type{
  margin:0;
}


.col-imgs figure{
	position: relative;
}

.width-100{ width:100%; }
.z-1{
	z-index: -1;
}
.z0{
	z-index: 0;
}
.z1{
	z-index: 1;
}
.z2{
	z-index: 2;
}
.z3{
	z-index: 3;
}
.z4{
	z-index: 4
}
.z5{
	z-index: 5;
}
.anniversary .btn{
	    color: white;
    border: none;
    background: #404F31;
    border-radius: 50px;
    font-family: "DM Sans";
    letter-spacing: 1px;
}
#seal{
	position: absolute;
	right:10px;
	top:150px;
	width: 100px;
	height: auto;
	z-index: 4;
}
#seal svg{
    width: 100%;
    height: auto;
    fill: #404f31;
  }
  #seal svg .cls-1{
      fill: #404f31;
  }
  #seal svg.bf{
    position: absolute;
    top:0;
    left: 0;
  }
[onclick]{
  cursor: pointer;
}
.anniversary .intro-50 h1 sup {
       left: 9px;
    font-size: 38%;
    top: -17px;
    left: 2px;
    font-size: 34%;
    top: -40px;
}

.anniversary .intro-50 h1 b {
    font-size: 55%;
}

.anniversary .intro-50 h1 {
    font-size: calc(52px + 22 * ((100vw - 650px) / 950));
    margin: 0 0 20px;
}

.anniversary .intro-50 h1 em {
    font-size: calc(32px + 12 * ((100vw - 650px) / 950));
    line-height: 35px;
    display: block;
    margin: 0 21px 10px -7px;
}

.anniversary .timeline a svg{
  width:45px;
  height:auto;
  position: relative;
  z-index: 2;
}
.anniversary .timeline a{
  display: inline-block;
  margin:20px 0 0 0;
  position: relative;
  cursor: pointer;
}
.anniversary .timeline a::after {
    content: "";
    display: block;
    position: absolute;
    background: #404f31;
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.35s ease;
}
.anniversary .timeline a:hover::after {
    opacity: 1;
    transition: opacity 0.35s ease;
}
.anniversary .timeline a:hover svg path{
  transition: fill 0.35s ease;
}
.anniversary .timeline a:hover svg path:last-of-type {
    fill: white;
    transition: fill 0.35s ease;
}
.timeline h2.h1{
  margin:0 0 20px;
}
.timeline.landing h2.h1::before {
    content: "";
    display: block;
    position: absolute;
    left: -9.75vw;
    width: calc(9.75vw - 8px);
    height: 0.5px;
    background: #404f31;
    top: 24px;
}
.timeline.landing h2.h1 {
    position: relative;
}

.timeline.landing time,
.timeline.landing time::before {
    display: none;
}
.col-imgs.years0 .flex-wrap figure:nth-of-type(1) {
    width: 50%;
    transform: translate(35px,120px);
    z-index: 1;
}

.col-imgs.years0 .flex-wrap figure:nth-of-type(3) {
    width: 50%;
}

.col-imgs.years0 .flex-wrap figure:nth-of-type(2) {
    position: absolute;
    top: -60px;
    width: 330px;
    left: 25%;
    z-index: 1;
}
li.early-years .col-imgs.years0 .flex-wrap figure:nth-of-type(2) {
    width: 140px;
    left: 37%;
    bottom: -30px;
}
li.early-years .col-imgs.years0 .flex-wrap figure:nth-of-type(2) img {
    object-fit: contain;
}
li.events .col-imgs.land3 figure:nth-of-type(4) {
   position: absolute;
    grid-column: 5 / 8;
    grid-row: 8 / 9;
    z-index: 4;
    margin: 0;
    transform: rotate(-98deg) translate(20px, -19px);
}
li.food .col-imgs.land0 figure.okra {
    width: 55%;
    margin: -100px 0% -40px auto;
    right: -20px;
}
.col-imgs.years0 .flex-wrap {
    position: relative;
    align-items: center;
}

.col-imgs.years0 > figure {
    margin: 0 50px 0 140px;
}
.timeline li {
    margin: 0 0 100px;
    align-items: flex-start;
}

.timeline li:nth-of-type(even) time {
    display: flex;
    justify-content: flex-end;
}

.timeline li:nth-of-type(even) time::before {
    left: initial;
    right: -9.75vw;
}
.timeline li.family .col-imgs.land3 figure:nth-of-type(2) {
    grid-column: 1 / 7;
    grid-row: 4 / 10;
}
.timeline li.wine .col-imgs.years0 .flex-wrap figure:nth-of-type(2) {
    width: 75px;
    transform: rotate(-161deg);
    bottom: -135%;
    left: 70px;
    top: initial;
}
.timeline li.bmtn .col-imgs.land0 figure.mtn {
        width: 200px;
    margin: 0;
    position: absolute;
    top: 40%;
    right: 60px;
    transform: rotate(-26deg);
    z-index: 1;
}
.col-imgs.land0 figure.berries {
        position: absolute;
    right: 5%;
    max-width: 190px;
    transform: rotate(33deg);
    bottom: 40%;
    z-index: 2;
    width: 16vw;
    min-width: 120px;
}


.col-imgs.sam0 > figure {
      width: 65%;
    margin: -40px 0 0 40px;
}
.col-imgs.sam0 .flex-wrap {
    flex-wrap: nowrap;
    position: relative;
}
.col-imgs.sam0 > div figure:nth-of-type(1) {
    width: 40%;
    position: absolute;
    left: 10%;
    top: 30px;
    z-index: 1;
        top: initial;
    bottom: 0;
}
.col-imgs.sam0 > div figure:nth-of-type(2) {
    width: 65%;
    left: 32%;
    top: -50px;
}






.anniversary.food .food-section {
    margin-top: 120px;
}
.anniversary.events .col-imgs.beall4 + .col-text {
    margin: -40px 0 100px;
    padding: 60px 9.75vw 0px;
}
.anniversary.mtn .mt-collapse .col-text.pad-top {
    margin-bottom: 120px;
}

.anniversary .btn-box {
    margin: 60px 0 0;
}



/*-- notes to blackberry --*/
.notes-intro .pad.text-center {
    margin-top: -160px;
}
.notes-intro .text-center p{
  max-width: 750px;
  margin:20px auto 0;
  text-align: center;
}
.notes-imgs > div {
    width: 22%;
}

.notes-imgs > div:nth-of-type(2) {
    width: 43%;
}

.notes-intro {
    padding: 10px 50px 0;
}

.notes-imgs > div:nth-of-type(1) figure:first-of-type {
    margin: 0 -30px 0 40px;
}

.notes-imgs > div:nth-of-type(1) {
    position: relative;
    z-index: 0;
}
.notes-imgs.flex-wrap {
    margin: -30px 0 0 0;
    justify-content: center;
}
.notes-imgs > div:nth-of-type(2) {
    z-index: 1;
    position: relative;
        z-index: -1;
}

.notes-imgs > div:nth-of-type(3) {
    z-index: 2;
    position: relative;
}

.notes-imgs > div:nth-of-type(1) figure:last-of-type {
    margin: 13px 30px 0 0;
}
/*
.notes-imgs > div:nth-of-type(2) figure:first-of-type {
    margin: -45px 25% -40px 15%;
    position: relative;
    z-index: 1;
}*/


.notes-imgs > div:nth-of-type(2) figure:last-of-type {
    top: -42%;
    position: relative;

}

.notes-imgs > div:nth-of-type(3) figure:first-of-type {
    margin: 18px 35% 0 -30px;
}

.notes-imgs > div:nth-of-type(3) figure:last-of-type {
    margin: -20px 0 0 35px;
}
.notes .text-img blockquote span{
  position: relative;
      margin: 35px 0 0;
}
.notes .text-img blockquote > span::before{
    display: block;
    content: '“';
    font-size: 88px;
    line-height: 80px;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: white;
    opacity: 0.5;
    font-family: "Source Serif 4";
}
.notes svg {
    width: 15px;
    margin: 20px 0 0 0;
}
.notes .img svg path,
.notes .text-img svg path{
  fill:white;
}
.notes .text-img blockquote > span.cite::before{
  display: none;
}
.notes blockquote span.cite {
    display: block;
    font-family: "DM Sans";
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 16px;
    margin: 12px 0 0 0;
}
.green-img::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #404f31;
  mix-blend-mode: screen;
  z-index: 1;
}
.bw{
  filter:grayscale(1);
}
ul.notes{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pad-more ul.notes li{
    width: calc(33.333% - 30px);
    padding: 0 0 0px;
    margin: 0 15px 60px;
}

.pad-more ul.notes li.text-img {
    width: calc(66.66% - 30px);
}
.notes .img img {
    object-fit: contain;
    height: auto;
}
ul.notes li > div{
padding: 60px 2.25vw;
  border:0.5px solid #404f31;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pad-more ul.notes li::before{
content: '';
    width: 50px;
    height: 20px;
    background-color: white;
    display: block;
    position: absolute;
    top: 0;
    font-size: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0;
}
.pad-more ul.notes li::after {
    display: block;
    content: '“';
    font-size: 88px;
    line-height: 80px;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.notes blockquote,
.anniversary .notes blockquote p {
    font-family: "Roxale Story Char Italic", "Roxale Story Number Italic", serif;
    font-style: italic;
    font-size: 22px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
    color: #404f31;
        margin: 0;
    padding: 0;
}
.notes blockquote.small-text,
.anniversary .notes blockquote.small-text p{
  font-size: 14px;
  line-height: 24px;
}
.notes .text-img blockquote,
.anniversary .notes .text-img blockquote p{
  color:white;
} 
ul.notes li.text-img > div,
ul.notes li.img > div{
    padding:0;
    border:none;
    position: relative;
    height: 100%;
}
.pad-more ul.notes li.text-img::before, 
.pad-more ul.notes li.img::before,
.pad-more ul.notes li.text-img::after, 
.pad-more ul.notes li.img::after{
    display: none;
}
ul.notes li.text-img figure{
    position:absolute;
    position:absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    left: 0;
    z-index:0;
}
ul.notes li.text-img figure::before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
     background-color:#00000075;
    position:absolute;
}
ul.notes li.text-img blockquote{
      background-color: #404f31;
    mix-blend-mode: screen;
}
ul.notes li.text-img blockquote{
    z-index:1;
    color:white;
    height:100%;
    width:100%;
    text-align:center;
    display:flex;
    justify-content:center;
    flex-direction:column;
    position:relative;
    margin: 0;
    padding: 30px;
}







.pad-more ul.notes li.text-img, .pad-more ul.notes li.img {
    /* padding: 0; */
}
.anniversary .freeform-row .freeform-column .freeform-input {
    background: transparent;
    border: 0.5px solid #404f31;
    transition: border-bottom 0.35s ease;
}
.anniversary .freeform-row .freeform-column .freeform-input:focus{
  border-bottom:2px solid #9E9635;
  transition: border-bottom 0.35s ease;
}
.anniversary .freeform-row .freeform-column .freeform-label {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #404f31;
}
.anniversary .freeform-row .freeform-column input[type='checkbox'].freeform-input::after {
    color: #9E9635;
}
.anniversary .freeform-row {
    display: flex;
    align-items: center;
}
.share-imgs > div {
    display: flex;
    flex-wrap: nowrap;
}

.share-imgs.flex-wrap {
}

.share-imgs > div:nth-of-type(1) figure:first-of-type {
    width: 50%;
    margin: 40px 0 0 0;
}

.share-imgs > div:nth-of-type(1) figure:last-of-type {
    width: 50%;
    margin: 0vw 0 9vw -4%;
}

.share-imgs > div:nth-of-type(1) {
    width: 45%;
}

.share-imgs > div:nth-of-type(2) {
    width: 55%;
    position: relative;
    z-index: 1;
}

.share-imgs > div:nth-of-type(3) {
      margin: 0;
    position: absolute;
    top: 16%;
    right: 50px;
    justify-content: right;
    width: 16%;
    z-index: 1;
}

.share-imgs > div:nth-of-type(2) figure:first-of-type {
    width: 55%;
    margin: 0 0 80px 0;
    z-index: 2;
    top: -60px;
}

.share-imgs > div:nth-of-type(2) figure:last-of-type {
    width: 45%;
    top: -20px;
    margin: 0 15% 80px 0;
}
.notes-intro figure.berries {
    position: absolute;
    top: 0%;
    z-index: 3;
    left: 0px;
    width: 21vw;
}
.share-imgs.flex-wrap {
    align-items: flex-start;
}

.anniversary.events .col-imgs.beall4 figure:nth-of-type(4) {
    margin: 10% 0 60px -20px;
}
.anniversary .text-center .btn-box{
  justify-content: center;
}
.anniversary .text-center .btn-box .btn{
      margin: 0 5px 20px;
}




/*-- collab page --*/
.timeline.collab h2.h1 em {
    font-size: calc(25px + 12 * ((100vw - 650px) / 950));
    display: block;
    line-height: 30px;
    margin: 0 0 16px;
    font-weight: normal;
}










/*-- breakpoints --*/
@media only screen and (min-width: 1400px){
     .anniversary.bf-today .col-imgs.land1 figure:nth-of-type(1) {
        position: relative;
        width: 50%;
        margin: 120px 9.75vw -40px auto;
    }

    .anniversary.bf-today .col-imgs.land1 figure:nth-of-type(2) {
        position: absolute;
    }
    .anniversary.bf-today .col-imgs.land1 {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 1200px){
  .anniversary.events .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(1),
  .anniversary.wine-page .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(1),
  .anniversary.beall-family .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(1) {
      width: 52%;
      margin: -30px 0px 25px 30px;
      height: 15vw;
  }
  .anniversary.events .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2), 
  .anniversary.wine-page .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2), 
  .anniversary.wine-page .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2) {
      width: 44%;
      margin: -10vw 0 0 -52px;
      height: 20vw;
  }
  .anniversary.events .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2), 
  .anniversary.wine-page .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2), 
  .anniversary.beall-family .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2) {
      width: 35%;
      margin: 0;
  }
  .anniversary.giving-back .col-imgs.years1 > figure {
      width: 58%;
  }
  .anniversary.mtn .col-imgs.years1 > div figure:nth-of-type(2),
  .anniversary.giving-back .col-imgs.years1 > div figure:nth-of-type(2) {
      div figure: nth-of-type(2);
      width: 45%;
      left: 43%;
  }
  .anniversary.mtn .col-imgs.years1 > div figure:nth-of-type(1),
  .anniversary.giving-back .col-imgs.years1 > div figure:nth-of-type(1) {
      width: 35%;
      left: 10%;
      margin: 40px 0 0;
  }
  .anniversary.food .food-section {
      margin-top: 200px;
  }

  .anniversary.food .col-imgs.years3 figure:nth-of-type(3) {
      bottom: 8%;
      width: 240px;
      left: 42%;
  }


}


@media only screen and (max-width: 1350px){
  .anniversary p {
      font-size: 1vw;
  }
  .col-imgs.years2 {
      transform: translateY(-50px);
  }
  .col-imgs.years2 > figure {
           margin: -50px 5% 60px 32%;
           margin: -50px 5% -50px 32%;
  }
 /* .anniversary.mtn .col-imgs.years2 > figure,*/
  .anniversary.food .col-imgs.years2 > figure,
  .anniversary.early .col-imgs.years2 > figure {
    margin: -50px 5% 0 32%;
}
.anniversary.mtn .col-imgs.years2 > figure{
          /*margin: -50px 5% 20px 32%;*/
}
  .col-imgs.years2 .flex-wrap figure:nth-of-type(1){
      transform: translateY(0px);
     /* margin: 15vw 0 0;*/
  }
  .col-imgs.years1 {
      margin: 0 0 40px;
  }
  .anniversary.food .col-imgs.years1,
  .anniversary.mtn .col-imgs.years1,
  .anniversary.giving-back .col-imgs.years1,
  .anniversary.sam .col-imgs.years1{
    margin:0;
  }

  .years2 + .col-text.pad-top {
      padding-top: 0px;
  }
  .anniversary.food .mt-collapse{
    margin:0;
  }
  .anniversary.early .col-imgs.years1 {
     /* margin-bottom: 80px;*/
     margin-bottom: 0;
  }
}
@media only screen and (max-width: 1200px){
      .col-imgs.years2 > figure {
        margin: -50px 5% 120px 32%;
    }
  .anniversary p {
      font-size: 1.2vw;
  }
  /*
  .col-imgs.land1 {
      margin: 0 auto 100px;
  }
  .anniversary.land .col-imgs.land1{
    margin:0 auto;
  }*/
  .col-imgs.years4 > figure {
      margin: -2% 0 0 9.75vw;
  }
  .col-text{
    margin-bottom: 60px;
  }
  .col-text{
      padding: 0 6.75vw 0 30px;
  }
  .col-text:first-child{
     padding: 0 30px 0 6.75vw;
  }
  .col-imgs.beall2 > figure:first-of-type {
      position: absolute;
      width: 18vw;
      top: 0;
      right: 23%;
  }
  .col-imgs.beall2 > div figure:nth-of-type(1) {
      margin: 70% 12% 0 -10%;
  }
  .anniversary.mtn .mt-collapse .col-text.pad-top {
      margin-bottom: 80px;
  }
  .anniversary.sam .col-imgs.years2 > figure {
      margin: 50px 5% 60px 32%;
  }
  .notes-intro .share-imgs + .pad.text-center {
	    margin-top: -140px;
	}
      .col-imgs.years2 {
        transform: translateY(0px);
      }

  .col-imgs.land1 figure:nth-of-type(2) {
      margin-left: 30px;
  }
  .col-imgs.land2 figure:nth-of-type(1) {
      margin-right: 30px;
  }
  .col-imgs.land1 figure:nth-of-type(1) {
      margin: 150px 6.75vw 0px 18%;
  }
  .col-imgs.land3 {
      padding-left: 30px;
  }
.anniversary.events .col-imgs.beall4 figure:nth-of-type(4) {
    z-index: 1;
    margin: 10% 0 60px -20px;
}


}
@media only screen and (max-width: 1000px){
  .anniversary p {
      font-size: 1.35vw;
  }
  .anniversary.mtn .mt-collapse .col-text.pad-top {
    margin-bottom: 0px; 
}
  .mt-collapse{
    margin:0;
  }
  .col-text {
      width: 42%;
  }

  .col-imgs {
      width: 58%;
  }
  .anniversary {
      padding-top: 140px;
  }
  .stacked-slider{
    width:80%;
    aspect-ratio:unset;
  }
  /*
    .col-imgs.land1 {
      margin: 0 auto 80px;
  }*/
  .col-imgs.beall2 > figure:first-of-type{
    right: 25%;
  }
  .col-text.beall3.pad-top {
      margin-top: 0;
      margin-top: 60px;
  }

  .anniversary.events .col-text.beall3.pad-top {
      margin-top: 60px;
  }
  .col-imgs.beall4 + .col-text figure {
      top: -93%;
      top:-100%;
      width: 100px;
  }
  .pad-more ul.notes li.text-img,
  .pad-more ul.notes li{
     width: calc(50% - 30px);
  }

  .notes-intro .share-imgs + .pad.text-center,
  .notes-intro .pad.text-center {
	    margin-top: -100px;
	}
	.share-imgs > div:nth-of-type(3) {
	 
	    right: 15px;
	}
	.share-imgs.flex-wrap {
	    margin: 0 -35px 0px;
	}
  .anniversary.land section:nth-of-type(2) {
     /* margin-top: -70px;*/
  }
  /*.anniversary.land .col-imgs.land2 + .col-text.pad-top {
      padding-top: 0;
  }*/
  .anniversary.early .years4 + .col-text.pad-top,
  .anniversary.early .years2 + .col-text.pad-top {
      padding-top: 0;
  }
  .anniversary.beall-family section.full {
      margin-top: -40px;
  }
  .anniversary.events .col-imgs.beall2 {
      margin-top: 30px;
  }
  .anniversary.events .col-imgs.beall4 + .col-text p {
      max-width: none;
  }

  .anniversary.events .col-imgs.beall4 + .col-text {
      padding: 60px 6.75vw 80px 6.75vw;
     margin-bottom: 0;
  }

} 

@media only screen and (max-width: 850px){
      .anniversary p {
        font-size: 1.6vw;
    }
  .timeline .col-text{
        padding: 0 50px 0 40px;
  }
  .timeline.landing h2.h1::before {
    left: -40px;
    width: 38px;
    top: 19px;
}
  .timeline time::before {
    left: -40px;
    width: calc(6.75vw - 8px);
}
   .timeline li:nth-of-type(even) .col-text{
        padding: 0 40px 0 50px;
  }
  .anniversary {
      padding-top: 140px;
  }
  .stacked-slider{
    width:90%;
  }
   .col-text,
   .col-imgs {
      width: 50%;
  }
  .col-imgs.land1 {
     /* margin: 0 auto 200px;*/
  }
  .col-imgs.beall2 > figure:last-of-type {
      width: 60%;
      margin: -30px 0 0 40px;
  }

  .col-imgs.beall2 {
      display: block;
  }
  .col-imgs.beall2 {
    margin-top: 30px;
}

  .col-imgs.beall2 > div figure:nth-of-type(1) {
      margin: -10% 10% 0 3%;
  }

  .col-imgs.beall2 > div {
      width: 100%;
  }

  .col-imgs.beall2 > div figure:nth-of-type(2) {
      margin: -30px 0% 0 40%;
  }

  .col-imgs.beall2 > figure:first-of-type {
      right: 0%;
  }
  .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2) {
      width: 65%;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(1) {
      width: 45%;
      margin: -50px 20px 0 20px;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2) {
      width: 51%;
      margin: 120px 30px 0 0;
  }

  .col-imgs.beall3 > figure {
      margin: 0 0 0 20px;
      width: 65%;
  }

  .col-imgs.beall3 {
      display: block;
  }

  .col-imgs.beall3 > div {
      width: 100%;
      margin: 0 0 0 0;
  }

  .col-imgs.beall3 > div figure:last-of-type {
      margin: -60px 40px 0 50px;
  }
  .slider-arrow.prev {
      right: 50px;
  }
  .slider-arrow.next{
        right: 9px;
  }
  .anniversary.food .col-imgs.years3 figure:nth-of-type(1) {
      margin: 0% 0 0% auto;
  }
  .anniversary.food .col-imgs.years3 figure:nth-of-type(2) {
      width: 65%;
      margin: -70px 0 0 -10px;
  }
  .anniversary.food .food-section {
      margin-top: 40px;
  }




}
@media only screen and (max-width: 768px){
  .anniversary p {
      font-size: 14px;
  }
  .timeline.collab {
    margin-top: 110px;
}
  .anniversary.mtn .mt-collapse .col-text.pad-top {
    margin: -50px 0 60px;
}
  .anniversary.events .col-imgs.beall4 {
   /* margin-bottom: 40px;*/
}
  .anniversary .timeline .col-text a{
    display: none;
} 
.anniversary .timeline li > a{
      display: flex;
    align-items: center;
         margin: 40px 6.75vw 20px auto;
    justify-content: flex-end;
    width: auto;
    float: right;
}
.anniversary .timeline li.the-land > a {
    margin-top: 90px;
}
.timeline li::after {
    content: "";
    display: block;
    clear: both;
    float: none;
}
.anniversary .timeline li > a::after{
    width: 100%;
    border-radius: 50px
}
.anniversary .timeline li > a span{
          font-family: "Roxale Story Char Italic";
        font-size: 14px;
        margin: 0 12px 0 18px;
        color:#404f31;
            transition: color 0.35s ease;
}
.anniversary .timeline li > a:hover span{
        position: relative;
        z-index: 2;
        color:white;
            transition: color 0.35s ease;
}
  .timeline li {
      display: block;
      margin: 0 0 60px;
  }
  .col-imgs.land1 {
     /* margin: 40px auto 0px;*/
  }

  .timeline .col-imgs {
      width: 100%;
  }

  .timeline .col-text {
      width: 100%;
  }
  .timeline li:nth-of-type(even) .col-text,
  .timeline .col-text {
      padding: 0 9.75vw 0 calc(9.75vw + 50px);
  }

  .timeline li:nth-of-type(odd) {
      display: flex;
  }

  .timeline li:nth-of-type(odd) .col-text {
      order: 1;
  }

  .timeline li:nth-of-type(odd) .col-imgs {
      order: 2;
  }
  .timeline li:nth-of-type(odd) .col-imgs,
  .timeline li:nth-of-type(even) .col-imgs{
   padding: 0 0vw 0 60px;
  }

  #timeline {
      right: initial;
      left: 30px;
  }

  #timeline::before, #timeline::after {
      width: 25px;
      left: -12.5px;
  }

  .timeline time::before {
      left: calc(-9.75vw + -20px);
      width: calc(9.75vw + 12px);
  }

  .timeline li:nth-of-type(even) time {
      display: block;
  }

  .timeline li:nth-of-type(even) time::before {
      right: initial;
      left: calc(-9.75vw + -20px);
  }
  .stacked-slider{
    width: 100%;
  }
  .intro-50 {
      padding-bottom: 0 !important;
  }
  .timeline {
      padding: 40px 0;
  }
  .timeline time {
      margin: 0 0 40px;
  }
  .anniversary p {
      font-size: 14px;
      line-height: 22px;
  }

  .stacked-slider .slides {
      aspect-ratio: unset;
          aspect-ratio: 2 / 4;
      grid-template-columns: repeat(11, 1fr);
      grid-template-rows: repeat(10, 1fr);
  }
  .stacked-slider .pos-1 {
    grid-column: 4 / 13;
    grid-row: 1 / 7;
    z-index: 1;
  }

  .stacked-slider .pos-2 {
    grid-column: 2 / 11;
    grid-row: 2 / 9;
    z-index: 4;
  }

  .stacked-slider .pos-3 {
    grid-column: 1 / 9;
    grid-row: 3 / 10;
    z-index: 2;
  }

  .stacked-slider .pos-4 {
    background-color: black;
    grid-column: 2 / 10;
    grid-row: 6 / 11;
    z-index: 3;
  }
  .col-text,
   .col-imgs {
      width: 100%;
  }
  .col-text:first-child,
  .col-text{
      padding: 0 9.75vw 0px;
      order: 1;
  }
  .col-text.pad-top:first-child{
      padding-top:60px;
  }
  .anniversary.events .col-text.beall3.pad-top,
  .col-text.beall3.pad-top:first-child{
    margin-top: 0;
  }
  .anniversary.land section:nth-of-type(3) .col-text.pad-top:first-child {
    padding-top: 0;
}
  .col-imgs.years4+ .col-text.pad-top {
      padding-top: 0;
  }
  .col-imgs.years4 {
      margin-top: 10%;
  }
  .anniversary.mtn .col-imgs.years4+ .col-text.pad-top {
        padding-top: 60px;
    }
  .anniversary section:first-child .col-text:first-child {
      padding: 0 calc(9.75vw + 30px) 60px 9.75vw;
  }
  .anniversary.bf-today .col-imgs.land3 + .col-text {
    order: 3;
    margin: 60px 0 0 0;
}
  .col-imgs {
      order: 2;
      padding:0 0px;
  }
  .col-imgs.years3 {
      margin-top: 10%;
  }
  .col-imgs.beall1 {
      margin-bottom: 60px;
  }
  #seal {
      top: 145px;
      width: 85px;]
  }

  .col-imgs.land3 figure:nth-of-type(4) {
      position: absolute;
      right: -16.75vw;
      top: -34px;
  }

  .col-imgs.land3 figure:nth-of-type(3) {
      grid-column: 7 / 13;
      grid-row: 3 / 10;
  }

  .col-imgs.land3 figure:nth-of-type(1) {
      grid-column: 2 / 9;
      grid-row: 1 / 6;
      z-index: 2;
      top: -60px;
  }

  .col-imgs.land3 figure:nth-of-type(2) {
      grid-column: 1 / 6;
      grid-row: 4 / 11;
  }

  .col-imgs.land2 figure:nth-of-type(1) {
      grid-column: 3 / 13;
      grid-row: 1 / 8;
      top: -50px;
  }

  .col-imgs.land2 figure:nth-of-type(2) {
      z-index: 1;
      grid-column: 1 / 10;
      grid-row: 4 / 11;
      bottom: -10px;
  }

  .col-imgs.land2 {
      padding: 0;
  }
  .anniversary.bf-today .col-imgs.land2 {
    margin: 0 0 0px;
}
  .col-imgs.years1 > div figure:nth-of-type(2) {
      width: 75%;
      left: 25%;
      top: initial;
      margin-top: -50px;
  }

  .col-imgs.years1 > div figure:nth-of-type(1) {
      left: 3%;
      top: 28px;
      top:initial;
  }
.anniversary.mtn .col-imgs.years1 > div figure:nth-of-type(1) {
        left: 15px;
        top: initial;
        margin: 40px 0 0 0;
    }
  .col-imgs.years1 .flex-wrap {
      align-items: flex-start;
  }

  .col-imgs.years2 .flex-wrap figure:nth-of-type(1) {
      margin: 0px 15px 0px 0;
      left: 0px;
      width: 49%;
      transform: translateY(0px);
  }

  .col-imgs.years2 .flex-wrap figure:nth-of-type(2) {
      margin: 0 0 0;
      width: 50%;
  }

  .col-imgs.years2 .flex-wrap {
      width: 100%;
  }

  .col-imgs.years2 {
      transform: translateY(-60px);
  }
  .anniversary.mtn .col-imgs.years2,
  .anniversary.food .col-imgs.years2,
  .anniversary.sam .col-imgs.years2,
  .anniversary.early .col-imgs.years2 {
    transform: none;
}

  .col-imgs.years2 > figure {
      margin: 0 5% 30px 17%;
      top: -38px;

  }
  .anniversary.mtn .col-imgs.years2 figure{
    top:initial;
    margin: -30 5% 0px 17%;
  }

/*.anniversary.mtn .col-imgs.years2 figure,*/
  .anniversary.food .col-imgs.years2 > figure,
  .anniversary.early .col-imgs.years2 > figure,
  .anniversary.sam .col-imgs.years2 > figure {
    top: initial;
    margin: -30px 5% 0px 17%;
}

  .col-imgs.years3 figure:nth-of-type(2) {
      width: 75%;
      left: 15px;
      margin: -15% 0 0 0;
      z-index: -1;
  }

  .col-imgs.years4 > figure {
      width: 58%;
      margin: -10% 0 0 15px;
  }

  .col-imgs.years4 .flex-wrap {
      margin: -40px 0 0 0;
      align-items: center;
  }

  .col-imgs.years4 .flex-wrap figure:nth-of-type(1) {
      margin: -18% 0 0 0;
      width: 120px;
  }

  .col-imgs.years4 .flex-wrap figure:nth-of-type(2) {
      width: 55%;
      margin: -12% 0 40px auto;
  }
  .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(1) {
      width: 60%;
      margin: -50px 20px 0 0%;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2) {
      width: 55%;
      max-height: 400px;
      margin: 30px 15px -30px 0;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(1) {
      width: 55%;
      margin: -30px 0px 0 15px;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2) {
      width: 65%;
      margin: 0 0 0 -15%;
      z-index: 1;
      top: 60px;
  }

  .col-imgs.beall2 + .col-text.pad-top {
      padding-top: 60px;
  }

  .col-imgs.beall2 > figure:last-of-type {
      width: 68%;
      margin: -30px 0 0 0px;
      max-height: 780px;
  }

  .col-imgs.beall2 > figure:first-of-type {
      width: 40%;
      z-index: 1;
      top: -80px;
      right: 13%;
  }

  .col-imgs.beall2 > div {
      width: 55%;
  }

  .col-imgs.beall2 > div figure:nth-of-type(1) {
      margin: 70% 0% 0 -50%;
  }

  .col-imgs.beall2 > div figure:nth-of-type(2) {
      margin: 50px 44% -60px -80%;
  }
  .slider-arrow {
      bottom: -40px;
  }
  .slider-arrow.next {
      right: calc(50% - 24px);
      bottom:-30px;
  }
  .slider-arrow.prev {
      right: calc(50% + 24px);
        bottom:-30px;
  }
  .stacked-slider{
        margin-bottom: 60px;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(2) figure:nth-of-type(2) {
      width: 65%;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(1) {
      width: 45%;
      margin: 0px 20px 0 20px;
  }

  .col-imgs.beall1 .flex-wrap:nth-of-type(1) figure:nth-of-type(2) {
      width: 51%;
      margin: 120px 30px 0 0;
  }

  .col-imgs.beall3 > figure {
      margin: 0 0 0 20px;
      width: 65%;
  }

  .col-imgs.beall3 {
      display: block;
  }

  .col-imgs.beall3 > div {
      width: 100%;
      margin: 0 0 0 0;
  }

  .col-imgs.beall3 > div figure:last-of-type {
      margin: -60px 40px 0 50px;
  }

.anniversary.events .col-imgs.beall2,
  .col-imgs.beall2 {
      display: flex;
        margin-top: 80px;
    }

  .col-imgs.beall2 > figure:first-of-type {
      width: 31vw;
      right: 9%;
  }

  .col-imgs.beall2 > div figure:nth-of-type(1) {
      margin: 50% 15px 0 -50%;
  }

  .col-imgs.beall2 > div figure:nth-of-type(2) {
      margin: 70px 65% 50px -80%;
       margin: 70px 65% 0px -80%;
  }


  .col-imgs.beall2 > figure:last-of-type {
      max-height: 650px;
  }

  .col-text.beall3.pad-top {
     /* margin-bottom: 0;*/
  }
  .col-imgs.beall4 {
      order: 2;
      flex-wrap: wrap;
  }
  .anniversary.events .col-imgs.beall4 + .col-text {
    margin: 0px 0 0vw;
    padding: 50px 9.75vw 50px;
}

  .col-imgs.beall4 + .col-text figure {
      top: initial;
              margin: 20px 0 0 0;
  }

  .col-imgs.beall4 + .col-text {
      margin: 60px 0 60px;
      padding: 0 9.75vw;
  }

  section.full {
      display: flex;
      flex-direction: column;
  }
      .anniversary.beall-family section.full {
        margin-top: 0px;
    }

  .col-imgs.beall4 figure:nth-of-type(1) {
      width: 50%;
      margin: 130px 0 0 0;
  }

  .col-imgs.beall4 figure:nth-of-type(2) {
      width: 50%;
      margin: -60px 0 0 -30px;
  }
  .anniversary.events .col-imgs.beall4 figure:nth-of-type(2) {
      width: 50%;
      margin: -60px 0 0 -30px;
  }


  .col-imgs.beall4 figure:nth-of-type(3) {
      width: 75%;
      margin: -50px 0 0 15%;
  }

  .col-imgs.beall4 figure:nth-of-type(4) {
      margin: -10% 0 0 -20px;
      width: 42%;
  }
  .stacked-slider figcaption h2 em {
      font-size: 30px;
      margin: 8px 0 0;
  }

  .stacked-slider figcaption span, .stacked-slider figcaption h2 {
      font-size: 10px;
      letter-spacing: 2px;
  }

  .stacked-slider figcaption span {
      margin: 5px 0 15px;
  }
      .notes-intro .pad.text-center {
        margin-top: -50px;
        padding-left: 0;
    	padding-right: 0;
    }
    .notes-intro .share-imgs + .pad.text-center,
  .notes-intro .pad.text-center {
	    margin-top: -80px;
	}
	.notes-imgs.flex-wrap {
		    margin: -30px -70px 0;
		}



    .col-imgs.land1 figure:nth-of-type(2) {
        margin: 0;
    }

    .col-imgs.land1 figure:nth-of-type(1) {
        margin: 18vw 9.75vw 0 15%;
    }

    .anniversary section:first-child .col-text:first-child {
        padding-bottom: 0;
    }

    .col-imgs.land2 figure:nth-of-type(1) {
        top: 0;
        grid-column: 3 / 13;
        grid-row: 1 / 15;
    }

    .col-imgs.land2 figure:nth-of-type(2) {
        bottom: initial;
        grid-column: 1 / 10;
        grid-row: 11 / 24;
    }

    .col-imgs.land2 {grid-template-rows: repeat(23, 1fr);}


 .notes-intro figure.berries {
      top: 60px;
      width: 120px;
  }
  .anniversary .timeline li.the-land > a {
      margin-top: 90px;
  }

  .timeline li:nth-of-type(even) .col-imgs.years0 {
      padding: 0 30px 0 20px;
  }

  .timeline li:nth-of-type(odd) .col-imgs.land3 {
      padding: 0px 20px 0 60px;
      margin: 30px 0 0;
  }

  .anniversary .timeline li.family > a {
      margin-top: 0;
  }
    .timeline li:nth-of-type(even) .col-imgs.sam0 {
      padding: 0 10px 0 20px;
  }
  .col-imgs.sam0 > div figure:nth-of-type(1) {
      top: 90px;
  }
  .col-imgs.years0 .flex-wrap figure:nth-of-type(1) {
      transform: translate(35px, 80px);
  }
  .anniversary .timeline li.sam > a {
      margin-top: 40px;
  }

  .anniversary .timeline li.food > a {
      margin-top: 80px;
  }
  .anniversary .timeline li.bmtn > a {
      margin-top: 80px;
  }

  .anniversary .timeline li.giving > a {
      margin-top: 0;
  }

  .timeline li.giving .col-text {
      margin-bottom: 80px;
  }
  .timeline li.sam:nth-of-type(even) .col-text {
      margin-bottom: 80px;
  }
  .timeline li .col-imgs.land0 {
      margin-top: -20px;
  }
  .timeline.landing h2.h1::before {
        left: calc(-9.75vw + -20px);
        width: calc(9.75vw + 12px);
        top: 16px;
    }
     .anniversary.events .col-imgs.land3 figure:nth-of-type(1),
    .anniversary.sam .col-imgs.land3 figure:nth-of-type(1),
    .anniversary.bf-today .col-imgs.land3 figure:nth-of-type(1),
    .anniversary.land .col-imgs.land3 figure:nth-of-type(1) {
      top: initial;
  }
  .anniversary.events .col-imgs.land3,
  .anniversary.sam .col-imgs.land3,
    .anniversary.land .col-imgs.land3 {
        grid-template-rows: repeat(12, 1fr);
        aspect-ratio: unset;
    }
  .anniversary.events .col-imgs.land3 figure:nth-of-type(2),
  .anniversary.sam .col-imgs.land3 figure:nth-of-type(2),
    .anniversary.land .col-imgs.land3 figure:nth-of-type(2) {
        grid-column: 1 / 8;
        grid-row: 7 / 13;
    }

  .anniversary.land section:nth-of-type(2){
    margin-top:0;
  }


  .anniversary.early .col-imgs.years1 > div figure:nth-of-type(1) {
    margin: 9vw 0 0;
  }
  .anniversary.early .years4 + .col-text.pad-top,
    .anniversary.early .years2 + .col-text.pad-top {
      padding-top: 60px;
  }
  .anniversary.food .food-section {
    margin-top: 60px;
    }
    .anniversary.mtn .col-imgs.years2 .flex-wrap {
        display: block;
    }

    .anniversary.mtn .col-imgs.years2 .flex-wrap figure:nth-of-type(1) {
        margin: 0 15% -20px 20px;
        left: initial;
        width: auto;
        top: initial;
    }

    .anniversary.mtn .col-imgs.years2 .flex-wrap figure:nth-of-type(2) {
        width: auto;
        top: initial;
        left: initial;
        margin: 0 20px 0px 13%;
    }

    .anniversary.mtn .col-imgs.years2 > figure {
        width: auto;
        margin: -40px 0 0;
    }
    .anniversary.mtn .col-imgs.beall4 .flex-wrap figure:nth-of-type(1) {
        width: 100%;
        margin: -40px 50px 0 60px;
    }

    .anniversary.mtn .col-imgs.beall4 {
        padding: 0;
    }

    .anniversary.mtn .col-imgs.beall4 > figure {
        width: 100%;
        margin: 0 0 0 30px;
    }

    .col-imgs.land1 figure:nth-of-type(2) {
        margin-left: 0px;
    }
    .col-imgs.land2 figure:nth-of-type(1) {
        margin-right: 0px;
    }
    .col-imgs.land1 figure:nth-of-type(1) {
        margin: 150px 6.75vw 0px 18%;
    }
    .col-imgs.land3 {
        padding-left: 0px;
    }
    .anniversary.food .col-imgs.years3 {
        margin-top: 0;
    }
    .anniversary.food .col-imgs.years3 figure:nth-of-type(3) {
        bottom: -40px;
        left: 55%;
    }
    .anniversary.food .col-imgs.years3 figure:nth-of-type(2) {
        width: 65%;
        margin: -130px 0 0 10px;
    }

    .anniversary.food .col-imgs.years1 > figure {
        width: 75%;
        margin-left: 18%;
    }

    .anniversary.food .col-imgs.years1 > div figure:nth-of-type(1) {
        max-width: 180px;
    }
    .anniversary.events .col-imgs.beall4 + .col-text {
        padding: 60px 9.75vw 60px;

        margin: 0;
        width: 100%;
    }
    .anniversary.events .col-imgs.beall4 figure:nth-of-type(4) {
        margin: -20px 0 0px 25%;
        width: 75%;
        z-index: -1; 
    }
    .anniversary.events .col-imgs.beall4 figure:nth-of-type(3) {
        width: 100%;
        margin: -30px calc(-9.75vw + -2px) 0;
        width: auto;
    }
    .anniversary.events .col-imgs.beall4 figure:nth-of-type(2) {
        width: 65%;
        margin: -15px 0 0 0px;
    }
    .anniversary.events .col-imgs.beall4 figure:nth-of-type(1) {
        width: 65%;
        margin: 0 0 0 auto;
    }
    .anniversary.events .col-imgs.beall4 figure:nth-of-type(4) {
        width: 200px;
        margin: -30px 40px 0px auto;
        z-index: 1;
        max-height: 160px;
    }
    ul.notes li > div {
      padding: 60px 30px;
    }

}






@media only screen and (max-width: 700px){
	/*.share-imgs > div:nth-of-type(3) {
	    top: 9%;
	}*/
	.share-imgs > div:nth-of-type(3) {
        top: 8%;
        right: 32%;
        width: 18%;
    }
   

}
@media only screen and (max-width: 650px){
     .pad-more ul.notes li.text-img,
      .pad-more ul.notes li {
          width: 100%;
          margin: 0 0 50px;
      }

      .notes-intro .share-imgs + .pad.text-center,
         .notes-intro .pad.text-center {
	        margin-top: -50px;
	    }
	    .notes-imgs.flex-wrap {
		    margin: -30px -70px 0;
		}
		.share-imgs > div:nth-of-type(3) {
            top: 7%;
        width: 21%;;
	    }
	        #seal {
	        top: 150px;
	        width: 70px;
	        height: auto;
	    }
}






/*-- modal plugin and custom styles --*/

/* LOCK BACKGROUND WITHOUT JUMP */


  .blocker{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100vh;
    overflow-y:scroll;
    box-sizing:border-box;
    background-color:#000;
    background-color:rgba(0,0,0,0.75);
    text-align:center;
  }
  .blocker{
    z-index: 9999;
  background-color: rgba(64, 79, 49, 0.95);
}
.blocker.current {
  overflow-y: auto;              /* modal scrollable */
  max-height: 100vh;             /* never taller than viewport */
  -webkit-overflow-scrolling: touch; /* smooth scroll on touch devices */
}
  .blocker:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-0.05em;
  }
  .blocker.behind{
    background-color:transparent;
  }
  .modal{
    display:none;
    vertical-align:middle;
    position:relative;
    z-index:2;
    max-width:850px;
    box-sizing:border-box;
    width:90%;
    background:#fff;
    padding:50px;
    text-align:left;
    margin:30px auto;
  }
  .modal blockquote,
  .modal blockquote p{
    font-family: "Roxale Story Char Italic" , "Roxale Story Number Italic", serif;
    font-style: italic;
    text-align: center;
  }
  .modal blockquote::before {
    content: '';
    width: 50px;
    height: 20px;
    background-color: white;
    display: block;
    position: absolute;
    top: -30px;
    font-size: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0;
}

.modal blockquote::after {
    display: block;
    content: '“';
    font-size: 88px;
    line-height: 80px;
    position: absolute;
    top: -41px;
    left: 1px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-family: "Roxale Story Char Italic";
    color: #404f31;
}

.modal blockquote {
    margin: 0;
    position: relative;
}

.modal::after {
    content: "";
    display: block;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    position: absolute;
    border: 0.5px solid #404f31;
    z-index: -1;
}
  @media only screen and (max-width: 650px){
    .modal{
      padding:30px;
      margin:20px auto;
    }
    .modal blockquote::before {
        content: '';
        width: 35px;
        top: -30px;
    }
    .modal blockquote::after {
        font-size: 60px;
        line-height: 60px;
        top: -29px;
    }
    .modal::after {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
  }
  .modal a.close-modal{
    position: absolute;
    top: 9.5px;
    right: 9.5px;
    display: block;
    width: 25px;
    height: 25px;
    margin: 3px;
    background-color: white;
    text-indent: -9999px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url('https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/farm/exit2.svg');
  }
  .modal .cite{
    display: block;
    font-family: "DM Sans";
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 16px;
    margin: 12px 0 0 0;
  }
  @media only screen and (max-width: 650px){
    .modal a.close-modal {
      top: 0.5px;
      right: 0.5px;
    }
  }
  .modal-spinner{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    padding:12px 16px;
    border-radius:5px;
    background-color:#111;
    height:20px
  }
  .modal-spinner>div{
    border-radius:100px;
    background-color:#fff;
    height:20px;width:2px;
    margin:0 1px;
    display:inline-block;
    -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
    animation:sk-stretchdelay 1.2s infinite ease-in-out;
  }
  .modal-spinner .rect2{
    -webkit-animation-delay:-1.1s;animation-delay:-1.1s;
  }
  .modal-spinner .rect3{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s;
  }
  .modal-spinner .rect4{
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s;
  }
  @-webkit-keyframes sk-stretchdelay{
    0%,40%,100%{-webkit-transform:scaleY(0.5);}
    20%{-webkit-transform:scaleY(1.0);}
  }
  @keyframes sk-stretchdelay{
    0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5);}
    20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}
  }