@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    /* width: 1920px; */
    width: 100%;
    background-color: #FFFFFF;
    color: #58595B;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.navBarContainer {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    margin: 58px 137px auto 140px;
}


.navBarLeftSide {
    float: left;
}

.navBarRightSide {
    float: right;
    padding-left: 70px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 19px;
    text-transform: uppercase;
    padding-top: 22px;
    transition: color 0.4s;
}

.navBarRightSide:hover {
    color: black;
    transition: color 0.4s;
    cursor: pointer;
}

.navBarLogoImage {
    width: 181px;
    height: 81px;
}

.headerGreyBackground {
    background-color: #F8F8F8;
    width: 895px;
    height: 56.25vw;
    position: absolute;
    z-index: -1;
    top: 0;
}

.workFoodLifeSectionContainer {
    display: flex;
    margin-top: 132px;
    /* width: 99vw; */
}

.workFoodLifeDotsContainer {
    /* width: 140px; */
    /* flex-basis: 140px; */
    flex: 0 0 140px;
    position: relative;
    text-align: center;
    margin-top: 147px;
}

.redDot,
.greyDot {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    /* left: 50%;
    transform: translate(-50%, -50%); */
    margin-left: 62.5px;
}

.firstGreyDot {
    margin-top: 45px;
}

.secondGreyDot {
    margin-top: 90px;
}

.thirdGreyDot {
    margin-top: 135px;
}

.workFoodLifeTextContainer {
    /* width: 469px; */
    /* flex-basis: 469px; */
    flex: 0 0 469px;
    /* margin-right: auto; */
    /* margin-top: 131px;
    margin-left: 140px; */
    margin: 131px auto 25px 0px;
}

.workFoodLifeTitle {
    font-weight: 700;
    font-size: 70px;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 31px;
}

.workFoodLifeText {
    width: 415px;
}

.workFoodLifeImageContainer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    /* max-width: 59vw; */
}

.workFoodLifeImageWithText {
    position: relative;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 50px;
    line-height: 64px;
    text-shadow: 0px 10px 20px #00010180;
    text-transform: uppercase;
    /* width: 18vw;
    max-width: 420px;
    height: 34.3vw;
    max-height: 800px; */
    margin-left: 10px;
}

.workFoodLifeImageWithText > img {
    width: 100%;
    margin-bottom: -15px;
}

.centerTextOnImage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.yellowBackgroundSectionContainer {
    background-color: #FECF0B;
    height: 21.3020834vw; 
    /* margin-top: -15px; */
    position: relative;
}


.arrowContainer {
    position: absolute;
    top: 50%;
    left: 74.6354167vw;
    transform: translate(0%, -50%);
}

.arrowToTheRight {
    padding-left: 19px;
}

.weSupportTheFutureSectionContainer {
    display: flex;
    margin: -8.4375vw 247px 0px 7.395834vw;
}

.folderGridContainer {
    position: relative;
    display: grid;
    /* grid-template-columns: 215px 215px 215px;
    grid-template-rows: 215px 215px 215px;
    gap: 51px 76px; */
    grid-template-columns: 11.19vw 11.19vw 11.19vw;
    grid-template-rows: 11.19vw 11.19vw 11.19vw;
    gap: 2.65vw 3.95vw;
}

.folderGridContainer > img {
    width: 11.19vw;
    height: 11.19vw;
}

.weSupportTheFutureTextContainer {
    margin: 2.4479167vw 0px 0px 8.3854167vw;
}

.weSupportTheFutureTitle {
    position: relative;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 3.645834vw;
    line-height: 3.3334vw;
    text-transform: uppercase;
    width: 30.625vw;
}

.weSupportTheFutureText {
    width: 28.90625vw;
    margin-top: 40px;
}

.keyTermsButton {
    font-weight: 600;
    font-size: 20px;
    line-height: 61px;
    color: #FFFFFF;
    background-color: #EB4E24;
    border-radius: 40px;
    width: 200px;
    height: 63px;
    border: 1px solid #EB4E24;
    transition: all 0.4s;
    margin-top: 68px;
}

.keyTermsButton:hover {
    color:#EB4E24;
    background-color: #FFFFFF;
    transition: all 0.4s;
    cursor: pointer;
}

.interestsGridContainer {
    display: grid;
    grid-template-columns: 50% 50%;
}

.interestsIndividualCompanyContainer {
    display: grid;
    grid-template-columns: 250px 55px 350px;
    margin-bottom: 69px;
    margin-bottom: 69px;
    justify-self: center;
}

.leftSideOfTheCompanyGrid {
    margin-left: 12.3958334vw;
}

.interestsHeaderText {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 77px auto 97.5px auto;
}

.interestsVerticalLine {
    border-left: 1px solid #D1D1D1;
    height: 82px;
    margin: 0px 30px 0px 25px;
}

.interestsCompanyName {
    font-weight: 600;
    line-height: 29px;
}

.interestsLogo,
.interestsVerticalLine,
.interestsCompanyInfoContainer {
    align-self: center;
}

.interestsLogo {
    justify-self: end;
}

.betterFuturePicture {
    max-width: 100%;
}

.betterFutureSectionContainer {
    position: relative;
    margin-bottom: -9px;
}

.betterFutureText {
    font-size: 5.208334vw;
    font-weight: bold;
    line-height: 4.4791667vw;
    text-shadow: 0px 10px 20px #011017B5;
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
    margin: -12.5104167vw auto auto 4.2708334vw;
}

.strategyInvestmentSocialImpactSectionContainer {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 715px 715px 715px;
}

.strategyInvestmentSocialImpactSectionIndividualGrid {
    position: relative;
}

.strategyInvestmentSocialImpactTextAndButtonContainer {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 120px;
    right: 140px;
    transform: translate(0%, -50%);
}

.strategyTextGrid {
    background-color: #F8F8F8;
}

.investmentTextGrid {
    background-color: #58595B;
    color: #FFFFFF;
}

.socialImpactTextGrid {
    background-color: #F8F8F8;
}

.moreInformationButton {
    width: 225px;
    height: 63px;
    background-color: #EB4E24;
    border-radius: 40px;
    border: 1px solid #EB4E24;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 61px;
    text-align: center;
    transition: all  0.4s;
}

.moreInformationButton:hover {
    cursor: pointer;
    background-color: #FFFFFF;
    color: #EB4E24;
    transition: all 0.4s;
}

.moreInformationButtonContainer {
    padding-top: 55px;
}

.strategyGrid {
    align-self: end;
}

.strategyGridImage {
    margin-bottom: -9px;
    width: 50vw;
}

.investmentGrid {
    justify-self: end;
}

.investmentGridImage {
    width: 43.802083334vw;
}

.investmentList {
    margin: 30px auto 30px 25px !important;
}

.socialImpactGridImage {
    width: 50vw;
}

.managementTitleImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.managementText {
    margin: 45px auto;
    /* margin-top: 45px;
    margin-bottom: 58px; */
    width: 58.020833334vw;
    text-align: center;
    display: block;
    /* margin-left: auto;
    margin-right: auto; */
}

.leadTeamMembersContainer {
    background-image: url('./Member_bg@2x.png');
    /* width: 1920px; */
    width: 100%;
    height: 69vw;
}

.managementMembersContainer {
    display: grid;
    grid-template-columns: 24.32291667vw 24.32291667vw 24.32291667vw;
    grid-template-rows: 8.3334vw 8.3334vw;
    grid-gap: 4.6875vw 5.416667vw;
    padding: 105px 6.5625vw 11vw 9.63541667vw;
}

.managementCardImage {
    width: 100%;
}

.pafBoardTitle {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.pafBoardOfDirectorsContainer {
    display: flex;
    padding: 72px 0 133px 9.63541667vw;
}

.managementMemebersIndividualImageContainer {
    width: 24.32291667vw;
}

.pafBoardDirectorCardImage {
    width: 100%;
}

.carleneMckoinImageContainer {
    padding: 0 5.416667vw;
    /* margin-right: 5.416667vw; */
}

.footerContainer {
    background-color: #282828;
    color: #FFFFFF;
    display: flex;
}

.footerLeftSide {
    padding: 126px 23px 85px 11.302083334vw;
    width: 42.447916667vw;
}

.contactInfoContainer {
    display: flex;
}

.contactInfo {
    font-size: 16px;
    letter-spacing: 1.28px;
    line-height: 26px;
    padding-left: 55px;
}

.footerContactInfoCompanyName {
    text-transform: uppercase;
    padding-bottom: 9px;
}

.footerLessOpacity {
    opacity: 0.7;
}

.footerContactInfoCompanyEmail {
    line-height: 42px;
}

.footerNavBarContainer {
    padding-top: 117px;
    padding-bottom: 30px;
}

.footerNavBarList {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.footerNavBarElement {
    transition: all 0.4s;
    opacity: 0.7;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.2px;
    font-weight: 600;
    line-height: 19px;
}

.footerNavBarElement:hover {
    opacity: 1;
    transition: all 0.4s;
    cursor: pointer;
}

.footerSocialMediaContainer {
    display: flex;
}

.socialMediaLogoContainer {
    margin-right: 35.3px;
}

.socialMediaLogoContainer:hover {
    cursor: pointer;
}

.footerBelowSocialMediaListElement {
    transition: all 0.4s;
    opacity: 0.3;
    font-size: 16px;
    letter-spacing: 1.28px;
    line-height: 26px;
}

.footerBelowSocialMediaListElement:hover {
    opacity: 1;
    transition: all 0.4s;
    cursor: pointer;
}

.footerBelowSocialMediaList {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.footerBelowSocialMediaRowContainer {
    width: 645px;
}

.footerRightSide {
    display: flex;
    padding-top: 85px;
}

.footerDoYouHaveQuestionsTitle {
    text-transform: uppercase;
    opacity: 0.7;
    font-weight: 700;
    font-size: 30px;
}

.footerDoYouHaveQuestionsTextContainer {
    padding-top: 23px;
    padding-left: 20px;
}

.footerDoYouHaveQuestionsText {
    width: 435px;
    font-size: 16px;
    opacity: 0.7;
    padding-top: 17px;
}

.inputField {
    border-radius: 40px;
    background-color: #404040;
    width: 30vw;
    height: 65px; 
    border: 0px;
    padding-left: 26px;
    font-size: 18px;
    line-height: 65px;
    color: rgba(255, 255, 255, 0.7);
}

.inputEmail {
    margin-top: 60px;
    margin-bottom: 40px;
}

.sendButton {
    margin-top: 40px;
    background-color: #EB4E24;
    width: 150px;
    height: 63px;
    border: 1px solid #EB4E24;
    border-radius: 40px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 61px;
    transition: all 0.4s;
}

.sendButton:hover {
    transition: all 0.4s;
    background-color: #FFFFFF;
    color: #EB4E24;
    cursor: pointer;
}

.copyrightList {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    width: 800px;
    height: 62px;
    padding-left: 204px;
}

.copyrightListElement {
    transition: all 0.4s;
    font-size: 15px;
    letter-spacing: 1.28px;
    line-height: 62px;
    color: #AFAFAF;
}

.copyrightListElement:hover {
    color: black;
    transition: all 0.4s;
    cursor: pointer;
}

.mobileNav {
    display: none;
}



@media screen and (max-width: 1600px) {
    .workFoodLifeTextContainer {
        margin-top: 8.1875vw;
    }

    .workFoodLifeDotsContainer {
        margin-top: 9.1875vw;
    }
}



@media screen and (max-width: 1319px) {
    .navBarRightSide {
        padding-left: 3%;
    }

    .navBarContainer {
        margin-left: 60px;
        margin-right: 69px;
    }
}



@media screen and (max-width: 1920px) and (min-width: 1501px) {
    .workFoodLifeSectionContainer {
        margin-top: calc(132px - ((1920px - 100vw) / 3.4));
    }
}



@media screen and (max-width: 1469px) {
    .workFoodLifeSectionContainer {
        margin-top: 0px;
    }
}



@media only screen and (max-width: 1024px) {
    .navBarContainer {
        display: none;
    }

  .mobileNav {
    display: block;
    overflow: hidden;
    background-color: #F8F8F8;
    position: relative;
    padding: 58px 69px 0 60px;
  }
  
  .mobileNav #mobileDropDownNavBar {
    display: none;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 30px;
    text-transform: uppercase;
    float: right;
    margin-top: -50px;
    text-align: end;
  }
  
  .mobileNav a {
    color: #58595B;
    /* padding: 14px 16px; */
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  
  .mobileNav a.hamburgerMenuIcon {
    /* background: black; */
    display: block;
    position: absolute;
    right: 69px;
    top: 58px;
    /* width: 100px; */
  }
  
  .mobileNav a:hover {
    /* background-color: #ddd; */
    color: black;
  }
  
  .active {
    /* background-color: #04AA6D; */
    color: white;
  }

  .headerGreyBackground {
      display: none;
  }

  .workFoodLifeSectionContainer {
      background-color: #F8F8F8;
  }

  .navBarContainer {
      background-color: #F8F8F8;
  }
}



@media screen and (max-width: 1600px) and (min-width: 1401px) {
    .workFoodLifeTitle {
        font-size: 65px;
        line-height: 55px;
    }
}


@media screen and (max-width: 1500px) and (min-width: 1401px) { 
    .workFoodLifeText {
        font-size: 16px;
        line-height: 26px;
    }

    .workFoodLifeSectionContainer {
        margin-top: 93px;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1251px) {
    .workFoodLifeSectionContainer {
        margin-top: 93px;
    }
    
    .workFoodLifeTitle {
        font-size: 55px;
        line-height: 45px;
    }
    
    .workFoodLifeTextContainer {
        flex: 0 0 385px;
    }
    
    .redDot, .greyDot {
        margin-left: 42.5px;
    }
    
    .workFoodLifeDotsContainer {
        flex: 0 0 100px;
    }
    
    .workFoodLifeText {
        width: 370px;
        font-size: 15px;
        line-height: 24px;
    }

    .headerGreyBackground {
        height: 60vw;
    }
}

@media screen and (max-width: 1250px) and (min-width: 1101px) {
    .headerGreyBackground {
        height: 64vw;
    }

    .workFoodLifeSectionContainer {
        margin-top: 93px;
    }
    
    .workFoodLifeTitle {
        font-size: 45px;
        line-height: 37px;
        margin-bottom: 25px;
    }

    .workFoodLifeText {
        width: 330px;
        font-size: 15px;
        line-height: 22px;
    }

    .workFoodLifeTextContainer {
        flex: 0 0 350px;
    }

    .workFoodLifeImageWithText {
        font-size: 40px;
    }

    .redDot, .greyDot {
        margin-left: 42.5px;
    }
    
    .workFoodLifeDotsContainer {
        flex: 0 0 100px;
    }

    .workFoodLifeImageWithText > img {
        margin-bottom: -18px;
    }
}

@media screen and (max-width: 1100px) and (min-width: 1025px) {
    .headerGreyBackground {
        height: 64vw;
    }

    .workFoodLifeSectionContainer {
        margin-top: 0px;
        padding-top: 50px;
    }
    
    .workFoodLifeTitle {
        font-size: 40px;
        line-height: 33px;
        margin-bottom: 25px;
    }

    .workFoodLifeText {
        width: 301px;
        font-size: 14px;
        line-height: 20px;
    }

    .workFoodLifeTextContainer {
        flex: 0 0 310px;
    }

    .workFoodLifeImageWithText {
        font-size: 40px;
    }

    .redDot, .greyDot {
        margin-left: 35px;
    }
    
    .workFoodLifeDotsContainer {
        flex: 0 0 85px;
    }

    .workFoodLifeImageWithText > img {
        margin-bottom: -18px;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .workFoodLifeSectionContainer {
        margin-top: 0px;
        padding-top: 50px;
    }
    
    .workFoodLifeTitle {
        font-size: 40px;
        line-height: 33px;
        margin-bottom: 25px;
    }

    .workFoodLifeText {
        width: 301px;
        font-size: 14px;
        line-height: 20px;
    }

    .workFoodLifeTextContainer {
        flex: 0 0 310px;
    }

    .workFoodLifeImageWithText {
        font-size: 30px;
        background-repeat: no-repeat;
        width: calc((100vw - 440px) / 3);
        height: 100%;
        background-size: cover;
    }
    
    .workPictureWithTextContainer {
        background-image: url('./kezdo_1@2x.png');
    }
    
    .foodPictureWithTextContainer {
        background-image: url('./kezdo_2@2x.png');
    }
    
    .lifePictureWithTextContainer {
        background-image: url('./kezdo_3@2x.png');
        background-position-x: right;
    }

    .redDot, .greyDot {
        margin-left: 35px;
    }
    
    .workFoodLifeDotsContainer {
        flex: 0 0 85px;
    }

    .workFoodLifeImageWithText > img {
        margin-bottom: -18px;
        display: none;
    }

    .managementCardImage {
        width: 147%;
    }

    .managementMembersContainer {
        grid-template-columns: 36vw 36vw;
        grid-template-rows: 13.8vw 13.8vw 13.8vw;
        grid-gap: 4.6875vw 9.5vw;
    }
    
    .leadTeamMembersContainer {
        height: 130vw;
    }
    
    .pafBoardOfDirectorsContainer {
        display: grid;
        grid-template-columns: 36vw 36vw;
        grid-template-rows: 13.8vw;
        grid-gap: 4.6875vw 9.5vw;
    }

    .carleneMckoinImageContainer {
        padding: 0;
    }

    .pafBoardDirectorCardImage {
        width: 147%;
    }

    .henkStandlerCardImage {
        grid-column: 1 / 3;
        margin-left: 22.75vw;
    }
}


@media only screen and (max-width: 828px) {
    .arrowToTheRight {
        padding-left: 10px;
    }
}


@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .weSupportTheFutureText {
        margin-top: 35px;
        font-size: 17px;
        line-height: 28px;
    }

    .keyTermsButton {
        font-size: 18px;
        line-height: 53px;
        margin-top: 50px;
        width: 185px;
        height: 55px;
    }
}


@media screen and (max-width: 1440px) and (min-width: 1166px) {
    .rightSideOfTheCompanyGrid {
        margin-right: 0;
    }
    
    .leftSideOfTheCompanyGrid {
        margin-left: 15vw;
    }
}

@media screen and (max-width: 1165px) and (min-width: 1025px) {
    .rightSideOfTheCompanyGrid {
        margin-right: -10vw;
    }
    
    .leftSideOfTheCompanyGrid {
        margin-left: 15vw;
    }
}

@media only screen and (max-width: 1024px) {
    .rightSideOfTheCompanyGrid {
        margin-right: auto;
        margin-left: calc(50vw - 280px);
    }
    
    .leftSideOfTheCompanyGrid {
        margin-left: calc(50vw - 280px);
    }
    
    .interestsGridContainer {
        display: block;
    }
}

@media screen and (max-width: 1650px) and (min-width: 1440px) {
    .socialImpactObjectiveText {
        font-size: 17px;
        line-height: 27px;
    }
    
    .moreInformationButtonContainer {
        padding-top: 40px;
    }
}

@media screen and (max-width: 1439px) and (min-width: 1366px) {
    .strategyInvestmentSocialText {
        font-size: 17px;
        line-height: 27px;
    }
    
    .moreInformationButtonContainer {
        padding-top: 40px;
    }
    
    .socialImpactObjectiveText {
        line-height: 25px;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1150px) {
    .strategyInvestmentSocialText {
        font-size: 17px;
        line-height: 27px;
    }
    
    .moreInformationButtonContainer {
        padding-top: 40px;
    }
    
    .socialImpactObjectiveText {
        line-height: 25px;
    }
    
    .strategyInvestmentSocialImpactTextAndButtonContainer {
        left: 75px;
        right: 75px;
    }
}

@media screen and (max-width: 1149px) and (min-width: 1025px) {
    .strategyInvestmentSocialText {
        font-size: 15px;
        line-height: 25px;
    }
    
    .moreInformationButtonContainer {
        padding-top: 30px;
    }
    
    .moreInformationButton {
        line-height: 51px;
        width: 200px;
        height: 55px;
        font-size: 17px;
    }
    
    .socialImpactObjectiveText {
        line-height: 25px;
    }
    
    .strategyInvestmentSocialImpactTextAndButtonContainer {
        left: 75px;
        right: 75px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 900px) {
    .strategyInvestmentSocialText {
        font-size: 13px;
        line-height: 19px;
    }
    
    .moreInformationButtonContainer {
        padding-top: 20px;
    }
    
    .moreInformationButton {
        line-height: 41px;
        width: 150px;
        height: 45px;
        font-size: 13px;
    }
    
    .strategyInvestmentSocialImpactTextAndButtonContainer {
        left: 50px;
        right: 50px;
    }
    
    .strategyInvestmentSocialImpactSectionContainer {
        grid-template-rows: 50vw 50vw 50vw;
    }
    
    .investmentList {
        margin: 10px auto 10px 25px !important
    }
}

@media only screen and (max-width: 899px) {
    .strategyInvestmentSocialImpactSectionContainer {
        display: flex;
        flex-direction: column;
    }
    
    .strategyInvestmentSocialImpactTextAndButtonContainer {
        position: relative;
        transform: translate(0%, 0%);
        left: 0;
        right: 0;
        padding: 100px;
    }
    
    .strategyGridImage, .investmentGridImage, .socialImpactGridImage {
        width: 100%;
    }
    
    .moreInformationButtonContainer {
        text-align: center;
    }
    
    .strategyGrid {
        order: 1;
    }
    
    .strategyTextGrid {
        order: 2;
    }
    
    .investmentTextGrid {
        order: 4;
    }
    
    .investmentGrid {
        order: 3;
    }
    
    .socialImpactGrid {
        order: 5;
    }
    
    .socialImpactTextGrid {
        order: 6;
    }
}



@media screen and (max-width: 1313px) and (min-width: 1025px) {
    .footerLeftSide {
        padding: 108px 23px 10px 50px;
    }
    
    .footerNavBarContainer {
        padding-top: 350px;
        width: 60vw;
        padding-bottom: 10px;
    }
    
    .footerBelowSocialMediaList {
        margin-top: 15px;
    }
    
    .inputEmail {
        margin-top: 45px;
        margin-bottom: 33px;
    }
    
    .sendButton {
        margin-top: 33px;
    }
    
    .copyrightList {
        padding-left: 50px;
        margin: 0;
    }
}



@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .weSupportTheFutureText {
        margin-top: 20px;
        font-size: 17px;
        line-height: 28px;
        width: 45vw;
    }

    .keyTermsButton {
        font-size: 15px;
        line-height: 48px;
        margin-top: 35px;
        width: 165px;
        height: 50px;
    }

    .folderGridContainer {
        grid-template-columns: 115px 115px;
        grid-template-rows: 115px 115px 115px 115px;
        gap: 30px 40px;
    }

    .folderGridContainer > img {
        width: 115px;
        height: 115px;
    }

    .strongPartnershipsImage {
        grid-column: 1 / 3;
        margin-left: 72.5px;
    }
}

@media only screen and (max-width: 1024px) {
    .footerContainer {
        flex-direction: column;
    }

    .footerLeftSide {
        padding: 115px 100px 0 100px;
        width: auto;
    }

    .footerNavBarContainer {
        padding-top: 51px;
        padding-bottom: 68px;
        width: auto;
    }

    .footerNavBarList {
        margin: 0;
        flex-direction: column;
        width: 136px;
    }

    .footerNavBarElement {
        margin-top: 29px;
    }

    .footerBelowSocialMediaList {
        flex-direction: column;
        margin-top: 19px;
        width: 136px;
    }

    .footerBelowSocialMediaListElement {
        margin-top: 21px;
    }

    .footerRightSide {
        padding: 70px 41px 47px 41px;
    }

    .inputEmail {
        margin-top: 46px;
        margin-bottom: 30px;
    }

    .inputField {
        width: 65vw;
    }

    .sendButton {
        margin-top: 31px;
    }

    .copyrightList {
        margin: 0;
        padding: 32px 0 40px 100px;
        flex-direction: column;
        height: auto;
        width: auto;
    }

    .copyrightListElement {
        line-height: 26px;
    }

    .interestsIndividualCompanyContainer {
        grid-template-columns: 250px 55px 340px;
    }
}

@media only screen and (max-width: 767px) {
    .workFoodLifeSectionContainer {
        flex-wrap: wrap;
    }

    .workFoodLifeImageContainer {
        flex-basis: 100%;
        flex-direction: column;
        align-items: center;
    }

    .workPictureWithTextContainer {
        background-image: none;
        width: auto;
        height: auto;
    }

    .workFoodLifeImageWithText > img {
        display: block;
        margin-bottom: auto;
        height: 100vw;
        object-fit: cover;
    }

    .mobileNav {
        padding: 25px;
    }

    .navBarLogoImage {
        width: 125px;
        height: auto;
    }

    .mobileNav a.hamburgerMenuIcon {
        right: 25px;
        top: 35px;
    }

    .mobileNav #mobileDropDownNavBar {
        margin-top: -20px;
    }

    .workFoodLifeDotsContainer {
        flex: none;
    }

    .redDot, .greyDot {
        margin-left: 25px;
    }

    .workFoodLifeTextContainer {
        flex: none;
        margin: 25px 25px 25px 65px;
        width: calc(100% - 90px);
    }

    .workFoodLifeTitle {
        font-size: 38px;
        line-height: 38px;
    }
    
    .workFoodLifeText {
        width: auto;
    }

    .workFoodLifeImageWithText {
        margin-left: 0;
        margin-top: 10px;
    }

    .workImage {
        object-position: bottom;
    }

    .yellowBackgroundSectionContainer {
        height: 200px;
    }

    .arrowContainer {
        left: auto;
        right: 25px;
    }

    .arrowImage {
        width: 20px;
    }

    .weSupportTheFutureSectionContainer {
        flex-direction: column-reverse;
        margin: -60px 25px 50px 25px;
    }

    .weSupportTheFutureTextContainer {
        margin: auto;
    }

    .weSupportTheFutureTitle {
        width: auto;
        font-size: 35px;
        line-height: 33px;
        text-align: end;
    }

    .weSupportTheFutureText {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
    }

    .weSupportTheFutureButton {
        text-align: center;
    }

    .keyTermsButton {
        margin-top: 30px;
        margin-bottom: 85px;
        width: 175px;
    }

    .keyTermsButton, .moreInformationButton, .sendButton {
        font-size: 17px;
        line-height: 53px;
        font-weight: 500;
        height: 55px;
    }

    .folderGridContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* text-align: center; */
    }

    .folderGridContainer > img {
        width: 175px;
        height: 175px;
        margin-bottom: 35px;
    }

    .interestsHeaderText {
        margin: 35px 25px 97.5px 25px;
    }

    .interestsCompanyInfoContainer, .interestsCompanyName {
        font-size: 15px;
        line-height: 20px;
    }

    .interestsCompanyName {
        margin-bottom: 7px;
    }

    .leftSideOfTheCompanyGrid, .rightSideOfTheCompanyGrid {
        margin-left: calc((100vw - 320px) / 2);
    }

    .interestsIndividualCompanyContainer {
        grid-template-columns: 133px 30px 157px;
    }

    .interestsVerticalLine {
        margin: 0px 15px 0px 15px;
    }

    .usaidLogo, .deutscheBankLogo {
        width: 128px;
    }

    .cbOfNigeriaLogo {
        width: 92px;
    }

    .carmelLogo {
        width: 133px;
    }

    .absaLogo {
        width: 57px;
    }

    .williamsGroupLogo {
        width: 49px;
    }

    .dbsLogo {
        width: 105px;
    }

    .usaidCOmpanyDescription > br {
        display: none;
    }

    .betterFutureSectionContainer {
        margin-bottom: 36px;
    }

    .betterFuturePicture {
        width: 100vw;
        height: 100vw;
        object-fit: cover;
    }

    .betterFutureText {
        line-height: 35px;
        font-size: 33px;
        margin: -25vw auto auto 25px;
    }

    .strategyInvestmentSocialImpactTextAndButtonContainer {
        padding: 45px 25px;
        font-size: 15px;
        line-height: 24px;
    }

    .moreInformationButtonContainer {
        padding-top: 25px;
    }

    .moreInformationButton {
        width: 200px;
    }

    .managementTitleImage {
        width: 100%;
    }

    .managementText {
        margin: 45px 30px;
        width: auto;
        text-align: left;
    }

    .investmentGrid {
        margin-left: 10px;
    }

    .managementMembersContainer, .pafBoardOfDirectorsContainer {
        display: block;
        padding: 45px 25px;
    }

    .managementMemebersIndividualImageContainer {
        width: 100%;
        margin-bottom: 45px;
    }

    .leadTeamMembersContainer {
        height: 100%
    }

    .carleneMckoinImageContainer {
        padding: 0;
    }

    .footerLeftSide {
        padding: 45px 25px;
    }

    .contactInfo, .footerContactInfoCompanyEmail {
        line-height: 20px;
        font-size: 15px;
    }

    .footerLessOpacity {
        padding-bottom: 11px;
    }

    .footerNavBarContainer {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    
    .footerBelowSocialMediaRowContainer {
        width: 100%;
    }

    .footerRightSide {
        padding: 0 25px 45px 25px;
    }

    .footerDoYouHaveQuestionsText  {
        width: calc(100% + 78px);
        line-height: 25px;
        padding-top: 25px;
    }
    
    .inputField {
        font-size: 17px;
        line-height: 48px;
        font-weight: 500;
        height: 50px;   
        width: calc(100% - 25px);
    }

    .sendButton {
        width: 125px;
        margin-top: 25px;
    }

    .footerDoYouHaveQuestionsText, .footerDoYouHaveQuestionsInputFieldsContainer {
        margin-left: -78px;
    }

    .inputEmail {
        margin-top: 35px;
        margin-bottom: 25px;
    }

    .copyrightList {
        padding: 45px 25px;
    }
}