.pagetopimg{
    background: rgba(255,255,255,1);
}

.pagetopimg_about{
    filter:
        grayscale(100%)
        opacity(90%)
        contrast(100%)
        brightness(100%);
    background: url(../images/about/about_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetopimg_programs{
    filter:
        grayscale(100%)
        opacity(90%)
        contrast(80%)
        brightness(180%);
    background: url(../images/programs/programs_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetopimg_media-publications{
    filter:
        grayscale(100%)
        opacity(80%)
        contrast(100%)
        brightness(180%);
    background: url(../images/media-publications/media-publications_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetopimg_collaborations{
    filter:
        grayscale(100%)
        opacity(80%)
        contrast(90%)
        brightness(180%);
    background: url(../images/collaborations/collaborations_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetopimg_messages{
    filter:
        grayscale(100%)
        opacity(100%)
        contrast(100%)
        brightness(100%);
    background: url(../images/messages/messages_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetopimg_contact{
    filter:
        grayscale(100%)
        opacity(80%)
        contrast(100%)
        brightness(100%);
    background: url(../images/contact/contact_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetopimg_donation{
    filter:
        grayscale(100%)
        opacity(80%)
        contrast(100%)
        brightness(100%);
    background: url(../images/donation/donation_00.jpg) center center no-repeat, rgba(255,255,255,1);
}

.pagetop{
    -moz-background:
        linear-gradient(
            top, 
            rgba(120,127,161,0.6) 0%, 
            rgba(113,142,196,0.6) 30%, 
            rgba(113,142,196,0.6) 60%, 
            rgba(108,36,99,0.4) 100%
        );
    
    -webkit-background:
        linear-gradient(
            top, 
            rgba(120,127,161,0.6) 0%, 
            rgba(113,142,196,0.6) 30%, 
            rgba(113,142,196,0.6) 60%, 
            rgba(108,36,99,0.4) 100%
        );
    
    background:
        linear-gradient(
            to bottom,
            rgba(120,127,161,0.6) 0%, 
            rgba(113,142,196,0.6) 30%, 
            rgba(113,142,196,0.6) 60%, 
            rgba(108,36,99,0.4) 100%
        );
}

@media screen and (min-width:960px){
    .pagetop, .pagetopimg{
        background-size: cover;
        position: fixed;
        height: calc(50vh - 50px);
        bottom: 50vh;
        right: 0;
        left: 0;
        top: 50px;
    }
}

@media screen and (max-width:960px){
    .pagetop, .pagetopimg{
        background-size: cover;
        position: fixed;
        height: calc(50vh - 40px);
        bottom: 50vh;
        right: 0;
        left: 0;
        top: 40px;
    }
}

.pagetop .center{
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

@media screen and (min-width:960px){
    .pagetop .center .middle {
        position: absolute;
        margin: 0 auto;
        padding: 0;
        right: 0;
        left: 0;
        top: calc(50% - 43px);
    }
}

@media screen and (min-width:480px) and (max-width:960px){
    .pagetop .center .middle {
        position: absolute;
        margin: 0 auto;
        padding: 0;
        right: 0;
        left: 0;
        top: calc(50% - 35px);
    }
}

@media screen and (max-width:480px){
    .pagetop .center .middle {
        position: absolute;
        margin: 0 auto;
        padding: 0;
        right: 0;
        left: 0;
        top: calc(50% - 23px);
    }
}

.pagetop .credit{
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    right: 5px;
    bottom: 0;
    text-align: right;
    color: rgba(255,255,255,1);
    font-weight: 100;
}

@media screen and (min-width:480px){
    .pagetop .credit{
    font-size: 16px;
    }
}

@media screen and (max-width:480px){
    .pagetop .credit{
    font-size: 12px;
    }
}

#pageHr {
    background: #FFFFFF;
    position: relative;
    height: 5px;
    display: block;
    right: 0px;
    left: 0px;
    top: 50vh;
    z-index: 5;
}

.page {
    background: #FFFFFF;
    position: relative;
    height: auto;
    top: 50vh;
    z-index: 5;
}

footer{
    top: 50vh;
}