@media screen and (max-width:1375px){
    #donate {
        background-size: auto 100%;
        background-position: center;
    }   
}

@media screen and (max-width:1150px){
    
    
    
    .container   {
        padding:0 5% 0 5%;   
    }
    
    #donate {
        background-size: auto 100%;   
    }
    
    .timeline .timelineLeft .timelineItem .timeline_year {
        font-size: 80px;   
    }
    
    header:after,
    #home:after,
    #our-projects::after,
    #our-governance:after,
    #contact-us:after{
    height: 6px;
    background-size: 100% 100%;
    }
     header:after {
        position: absolute;
         bottom:-5px;
     }
    
    #home h1 {
        max-width: 80%;   
    }
    .timeline .timelineLeft {
        width:70%;   
    }
    .timeline .timeline_navigation {
        width:30%;   
    }
    
    .timeline .timelineLeft .timelineItem {
        padding-right:10%;   
    }
    
    .content .padding_right {
        padding-right:3%;   
    }
     .content .padding_left {
        padding-left:3%;   
     }
    
    .donateContent a.button {
        width:200px;   
        height:100px
    }
    .donateContent a.button span {
        font-size: 24px;   
    }
}


@media screen and (max-width:980px) {
    body {
    padding-top: 70px;
}   
    
    #our-governance .col,
    #our-galas .col{
        width:100%;
        float:none;
    }
}