.footer.part.deg ,
.footer .degbg{
    background-color: #fff;
}
.pagerow {
    margin-bottom: 2em !important;
    padding-top: 4em !important;
    padding-bottom: 0em;
}
.deg h1 {
    font-size: 3rem;
}

.degbg {
    transform-origin: 13% 50% !important;
}

.part {
    padding-bottom: 8em;
    height: auto;
    margin-top: -5em !important;
}

.degbg_gr {
    -webkit-transform: skewX(10deg) rotate(10deg);
    -ms-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
    background-color: #e9f1f0;
    position: absolute;
    z-index: 0;
    height: 165% !important;
    transform-origin: 74% 50%;
    overflow: hidden;
    width: 100%;
    margin-left: -4px;
}

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

footer {
    margin-top: 16em;
}

}

/***
 *     #######  ########  #######    #####   ########  ##     ##
 *    ##     ## ##       ##     ##  ##   ##  ##     ##  ##   ##
 *           ## ##       ##        ##     ## ##     ##   ## ##
 *     #######  #######  ########  ##     ## ########     ###
 *    ##              ## ##     ## ##     ## ##          ## ##
 *    ##        ##    ## ##     ##  ##   ##  ##         ##   ##
 *    #########  ######   #######    #####   ##        ##     ##
 */

@media only screen and (min-width: 1921px) and (max-width: 2560px){


.footer .degbg {

    height: 935px;
    transform-origin: 0% 50%;
}

.index .degbg_gr {
    -webkit-transform: skewX(10deg) rotate(10deg);
    -ms-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
    background-color: #e9f1f0;
    position: absolute;
    z-index: 0;
    height: 170% !important;
    transform-origin: 70% 50%;
    overflow: hidden;
    width: 100%;
    margin-left: -4px;
}

}



/***
 *       ##    #######   #######    #####   ########  ##     ##
 *     ####   ##     ## ##     ##  ##   ##  ##     ##  ##   ##
 *       ##          ## ##     ## ##     ## ##     ##   ## ##
 *       ##    #######   #######  ##     ## ########     ###
 *       ##   ##        ##     ## ##     ## ##          ## ##
 *       ##   ##        ##     ##  ##   ##  ##         ##   ##
 *     ###### #########  #######    #####   ##        ##     ##
 */

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

.degbg_gr {
    -webkit-transform: skewX(10deg) rotate(10deg);
    -ms-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
    background-color: #e9f1f0;
    position: absolute;
    z-index: 0;
    height: 172% !important;
    transform-origin: 74% 50%;
    overflow: hidden;
    width: 100%;
    margin-left: -4px;
}

footer {
    margin-top: 24em;
}


}

/***
 *    ##         #######    #####      ########  ##     ##
 *    ##    ##  ##     ##  ##   ##     ##     ##  ##   ##
 *    ##    ##  ##     ## ##     ##    ##     ##   ## ##
 *    ##    ##   #######  ##     ##    ########     ###
 *    ######### ##     ## ##     ##    ##          ## ##
 *          ##  ##     ##  ##   ##     ##         ##   ##
 *          ##   #######    #####      ##        ##     ##
 */


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

.degbg_gr {
    -webkit-transform: skewX(10deg) rotate(10deg);
    -ms-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
    background-color: #e9f1f0;
    position: absolute;
    z-index: 0;
    height: 190%;
    transform-origin: 35% 50%;
    /*overflow: hidden;*/
    overflow-x:hidden;
    width: 100%;
    margin-left: 0px;
    margin-top: -1em;
}

.deg_gr .wrapper {
    margin-top: 0em;
}
footer {
    margin-top: 24em;
}

.news ul li {
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0;
    height: 240px;
    margin-bottom: 1px;
}

.IdentityLinks ul {
    margin: 12px 25.5%;
    float: none;
    width: 60%;
    text-align: left;
}
.index .degbg {
    transform-origin: 56% 50% !important;
    margin-left: 0px;
}
}



/***
 *     #######   #######    #####   ########  ##     ##
 *    ##     ## ##     ##  ##   ##  ##     ##  ##   ##
 *           ##        ## ##     ## ##     ##   ## ##
 *     #######   #######  ##     ## ########     ###
 *           ## ##        ##     ## ##          ## ##
 *    ##     ## ##         ##   ##  ##         ##   ##
 *     #######  #########   #####   ##        ##     ##
 */



@media only screen and (max-width: 400px){
.IdentityLinks ul {
    margin: 12px 0 12px 18%;
    float: none;
    width: 76%;
    text-align: left;
}
.news ul li {
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0;
    height: 200px;
    margin-bottom: 2px;
}
.mask, .mask:hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    will-change: opacity;
    width: 100%;
    height: 100%;
    padding: 15% 14%;
}
}