.menu_item_link {
    color: black;
    display: inline-block;
}

.parallax {
    /* Set a specific height */
    height: 400px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tint_overlay {
    background-color: rgba(0,00,0,.5);
    background-blend-mode: multiply;
}

.section_name_header {
    font-family: palatino linotype,serif;
    text-align: center;
    font-size: 38px;
}

.page_name_header {
    font-family: 'Century Gothic';
    text-align: center;
    font-size: 38px;
}

.section_name_underline {
    border: 2px solid black;
}

.footer_underline {
    border: 1px solid gray;
}

.fp_wwd_header {
    color: #0F0F0F;
    font-family: Century Gothic;
    font-size:18px;
    text-align:center;
}

.fp_wwd_header_desc {
    color: #0F0F0F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
}

.fp_wwd_image {
    border-radius: 50%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width:220px;
    display:block;
    margin:auto;
}

.round_image {
    border-radius:50%;
}

.bw_image {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.investment_link {
    color:black;
    font-weight:500;
}

.news_block {
    padding:20px;
}

.news_link {
    color: black;
    font-weight: 500;
    font-size:20px;
}

.news_readmore_link {
    color: gray;
    font-weight: 400;
    font-size: 14px;
}

.desktop_only {
    display: block;
}

.mobile_only {
    display:none;
}

.hamburger_menu {
    display: none;
    float: right;
    position: fixed;
    top: 10px;
    right: 20px;
}

.hamburger_menu_opened {
    display: none;
    position: fixed;
    top: 0px;    
    width:100%;
    left: 0;
    height:300px;
    
    width: 100%;
    background-color: white;
    border: 1px solid black;
    text-align:center;
    z-index:10;
}

.fe {
    font-size: 78px;
    color: white;
}

.fe2 {
    font-size: 22px;
    color: white;
}


.investment_block {
    background-color: rgb(247,247,247);
    padding: 2px;
    background-clip: border-box;
    border: 3px solid white;
    /*min-width: 300px;*/
    text-align: center;
    /* min-width: min-content;*/
}

.investment_block a {
    font-family:helvetica;
    font-size:20px;
    color:black;
}

.foundation_image {
    height:300px;
}

.foundation_logo_image {
    width: 400px;
}

.foundation_header {
    height: 340px;
}

.donation_block {
    background-color: rgb(247,247,247);
    padding: 20px;
    background-clip: border-box;
    border: 3px solid white;
    /*min-width: min-content;*/
}

    .donation_block h2 {
        font-family: "Helvetica";
        text-align: center;
    }


    .donation_block h3 {
        font-family: "Helvetica";
        text-align: center;
        font-size:1.2vw;
    }

.donation_image {
    text-align: center;
}

.donation_image img {
    /*width:400px;*/
    width:80%;
    /*position:absolute;
    top:100px;*/
}

.hide_on_phone {
    display:block;
}

.mike_main_img {
    height: 600px;
}

.hide_on_ipad_pro {
    display:block;
}

.bio_image {
    width:400px;
}

.ma_top {
    width:600px;
}


.video_thumbnail {
    width:200px;
}

.investment_lang {
    padding-left: 120px;
    padding-right: 120px;
}

.font_br {
    display:none;
}

.foundation_sm_xbr {
    display: none;
}



@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .general_ipad_show {
        display:block;
    }
    .general_ipad_hide {
        display:none;
    }

    .foundation_image {
        height: 200px;
    }


    .foundation_logo_image {
        width: 300px;
    }

    .foundation_header {
        height:200px;
    }

    /*.donation_image img {
        width: 300px;
    }*/

    .bio_image {
        width: 200px;
    }

    .ma_top {
        width: 500px;
    }

    .investment_lang {
        padding-left: 10px;
        padding-right: 10px;
    }



}

@media  screen and (max-width:1350px) and (min-width:1025px) {
    .mike_main_img {
        height: 500px;
    }

    .foundation_logo_image {
        width: 350px;
    }
}

@media screen and (max-width:1200px) and (min-width:1016px) {
    .hide_on_ipad_pro {
        display: none;
    }
}

@media screen and (max-width:1000px) and (min-width:768px) {
    .foundation_image {
        height:200px;
    }

    .foundation_logo_image {
        width: 250px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */


    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */


}

@media only screen and (max-width: 590px)  {
    .foundation_image {
        height:200px;
    }

}



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

    .mobile_only {
        display: block;
    }

    .hamburger_menu {
        display: block;
    }

    .fe {
        font-size: 48px;
    }

    .fe2 {
        font-size:16px;
    }

    /*.donation_image img {
        width: 350px;
    }*/

    .mike_main_img {
        height:400px;
    }

    .hide_on_ipad_pro {
        display:none;
    }

    .bio_image {
        width: 300px;
    }

    .ma_top {
        width: 600px;
    }


    .investment_lang {
        padding-left: 10px;
        padding-right: 10px;
    }

    .donation_block h3 {
        font-family: "Helvetica";
        text-align: center;
        font-size: 14px;
        font-weight: 600;
    }


    .foundation_logo_image {
        width: 250px;
    }



}

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

    
    /*.donation_image img {
        width: 300px;
    }*/


    .investment_lang {
        padding-left: 10px;
        padding-right: 10px;
    }

    .donation_block h3 {
        font-family: "Helvetica";
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    .foundation_logo_container {
        text-align:center;
    }

    .foundation_sm_xbr {
        display: block;
    }

}

@media screen and (max-width: 375px) {
    .foundation_image {
        height: 100px;
    }


    .foundation_logo_image {
        width: 200px;
    }

    .foundation_header {
        height: 200px;
        text-align: center;
    }

    /*.donation_image img {
        width: 300px;
    }*/

    .hide_on_phone {
        display:none;
    }


    .mike_main_img {
        height: 300px;
    }

    .bio_image {
        width: 200px;
    }

    .ma_top {
        width: 300px;
    }


    .investment_lang {
        padding-left: 10px;
        padding-right: 10px;
    }

    .donation_block h3 {
        font-family: "Helvetica";
        text-align: center;
        font-size: 18px;
        font-weight:600;
    }

}


@media screen and (max-width: 414px) {
    .foundation_image {
        height: 150px;
    }


    .foundation_logo_image {
        width: 200px;
    }

    .foundation_header {
        height: 200px;
        text-align:center;
    }

    .bio_image {
        width: 200px;
    }

    .ma_top {
        width: 300px;
    }


    .investment_lang {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* Just a parent container for the videos */
.videos {
    margin: 20px auto;
    max-width: 700px;
}
/* Individual video container */
.video-wrap {
    position: relative;
    max-width: 700px;
    width: 100%;
    margin-bottom: 10px;
}
    /* video poster frame or placeholder image */
    .video-wrap .placeholder {
        max-width: 700px;
        width: 100%;
    }
    /* SVG play button container */
    .video-wrap .play-btn {
        position: absolute;
        max-width: 700px;
        width: 50px;
        height: 50px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

        .video-wrap .play-btn svg {
            transition: all .2s ease;
            fill: #fff;
        }

        .video-wrap .play-btn:hover svg,
        .video-wrap .play-btn:focus svg {
            cursor: pointer;
            fill: red;
        }
/* adjust your icon size, add different breakpoints as needed */
@media screen and (max-width: 600px) {
    .video-wrap .play-btn {
        width: 70px;
        height: 70px;
    }

    .parallax {
        background-attachment:initial;
    }

}