.pagetopimg_home{
    filter:
        grayscale(100%)
        opacity(90%)
        contrast(100%)
        brightness(100%);
    background: url(../images/home/home_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) 15%, 
            rgba(113,142,196,0.6) 30%, 
            rgba(108,36,99,0.4) 50%,
            rgba(108,36,99,0.35) 60%,
            rgba(220,137,152,0.4) 80%,
            rgba(241,220,217,0.4) 95%,
            rgba(250,228,199,0.4) 100%
        );
    
    -webkit-background:
        linear-gradient(
            top, 
            rgba(120,127,161,0.6) 0%, 
            rgba(113,142,196,0.6) 15%, 
            rgba(113,142,196,0.6) 30%, 
            rgba(108,36,99,0.4) 50%,
            rgba(108,36,99,0.35) 60%,
            rgba(220,137,152,0.4) 80%,
            rgba(241,220,217,0.4) 95%,
            rgba(250,228,199,0.4) 100%
        );
    
    background:
        linear-gradient(
            to bottom, 
            rgba(120,127,161,0.6) 0%, 
            rgba(113,142,196,0.6) 15%, 
            rgba(113,142,196,0.6) 30%, 
            rgba(108,36,99,0.4) 50%,
            rgba(108,36,99,0.35) 60%,
            rgba(220,137,152,0.4) 80%,
            rgba(241,220,217,0.4) 95%,
            rgba(250,228,199,0.4) 100%
        );
}


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

@media screen and (max-width:960px){
    .pagetop, .pagetopimg{
        background-size: cover;
        position: fixed;
        height: calc(70vh - 40px);
        bottom: 30vh;
        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% - 78px);
    }
}

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

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

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

footer{
    top: 70vh;
}

#index_pagetoplogo{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 650px;
    background: url(../images/home/logo_w.png) center center no-repeat;
    background-size: contain;
    }


@media screen and (min-width:960px){
    #index_pagetoplogo{
        width: 650px;
        height: 156px;      
    }
}

@media screen and (max-width:960px){
    #index_pagetoplogo{
        width: 67vw;
        height: 20vw;
        max-width: 650px;
        max-height: 156px;    
    }
}