.pagetopimg{
    background: 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(30vh - 50px);
        bottom: 70vh;
        right: 0;
        left: 0;
        top: 50px;
    }
}

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

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

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

footer{
    top: 30vh;
}