.section-one, .section-two, .section-three, .section-four   {float: left; width: 100%;  }

.section-five, .section-six, .section-seven, .section-eight, .section-nine, .section-ten, .section-eleven {display: none;}

/* body.page-home  { background-color: var(--page-bg);  }  */
/* */
/* body.page-home .page-top { z-index: -99; position: fixed; height: 1500px; display: none;} */
/* .section-three, .section-four, .section-five { display: none;  } */

/*
.page-template-template-home .page-top { z-index: -99; position: fixed; height: 1500px; }
.page-template-template-home .sidebar-right p {margin: 0 0 20px 0; padding: 0; line-height: 18px;}
.section-search {width: 100%; height: 100px; z-index: 199; position: absolute; float: left; top: 450px; }
.section-one, .section-two, .page-template-template-home .page-end { z-index: 99;  position: relative;}
*/
.page-template-home .gallery dl {width: 300px;  height: 300px; display: inline-block; float: none; overflow: hidden; position: relative; margin: 4px; transition: all 0.3s ease-in-out; }
.page-template-home .gallery dl:hover {transform: scale(1.1);}

.section-one { text-align: center; margin: 0 0 40px 0; font-size: 30px; padding: 10% 0; line-height: 1; background-image: url(/wp-content/uploads/castle-street-kitchen-outside.webp); background-repeat: no-repeat; background-size: cover; background-blend-mode: multiply; background-position: bottom center; min-height: 600px;
   /* background-color: black;  */
  }
/* .section-one::before {content: ""; position: absolute; opacity: 0.5; } */
.section-one-columns h2 {}
.section-one-columns { width: 75%; margin: auto;}


.section-two { background-color: var(--page-bg); text-align: center; padding: 30px 0;}
.section-two .button {margin: 50px 0 0 0;}


.section-three {margin: 50px 0; }
.section-three-photo {width: 65%; float: left}
.section-three-photo img {width: 100%; height: auto;}
.section-three-columns-content {width: 25%; float: left; margin: 0 0 0 40px;}


.section-four {text-align: center; margin: 40px 0 80px 0;}
.section-four p {width: 75%; margin: auto; float: none;}

.section-five {padding: 40px 0; }
.section-six {}
.section-seven {} }
.section-eight {  }
.section-nine {}

@media (max-width: 1500px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1300px) {
  .section-three h2 {margin: 0 0 30px 0;}
   .section-four .left-col {margin: 10% 0 20px 0; }
}

@media (max-width: 1200px) {

}

@media (max-width: 1100px) {

}

@media (max-width: 1000px) {
   .section-seven-container {width: 90%;}
}

@media (max-width: 900px) {
  .section-three-photo {width: 100%; margin: 0 0 40px 0;}
  .section-three-columns-content {width: 75%; margin: auto; text-align: center; float: none; }
}

@media (max-width: 800px) {

   
}

@media (max-width: 700px) {
    .section-one .left-col, .section-one .right-col {min-height: 240px; width: 48%;}
    .section-one .mid-col {display: none;}
    .section-one .mid-col-mobile {display: block; width: 100%; float: left; margin: 2% 0 0 0; text-align: center;}
    .section-two .text-one {font-size: 30px;}
    .section-three .section-three-bg { margin-top: 22px;}
    .section-three .text-four {font-size: 18px;}
    .section-seven .text-two, .section-seven .text-three, .section-seven .text-four {width: 20%; min-height: 135px;}
    .section-seven .stat {width: 37%;}
    .section-nine .left-col {margin: 10% 0 20px 0; width: 45%;}

}

@media (max-width: 600px) {
    .years-donated {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    .years-donated ul {text-align: center;}
    .section-one .left-col, .section-one .right-col {min-height: 260px; }
    .section-three .section-three-bg { margin-top: 30px;}
    .section-seven .stat {width: 90%;}
    .section-nine .page-width {width: 95%;}
}
@media (max-width: 550px) {
    .section-three .section-top .left-col {border-right: 0px solid var(--secondary-color); border-bottom: 2px solid var(--secondary-color);} 
    .section-three .section-three-bg {margin-top: 103px;}
    .section-three .section-top .right-col {width: 50%; font-size: 22px;}
    .section-seven .text-one {font-size: 30px; }
    .section-seven .text-two, .section-seven .text-three, .section-seven .text-four {width: 24%; min-height: 135px; padding: 5px 10px;} 
    .section-seven .text-two b, .section-seven .text-three b, .section-seven .text-four b {font-size: 40px;}
}
@media (max-width: 500px) {
  .section-one {font-size: 20px; line-height: 1.1;}
    
}


@media (max-width: 400px) {
   .section-four .text-one { font-size: 25px;}
   .section-nine .left-col, .section-nine .right-col {margin: auto; width: 100%; text-align: center; float: none;}
   .section-nine .right-col ul {text-align: center;}
}