.pageButtons:hover {
    position:relative;
    transition:0.3s;
    width:calc(14em + 10px);
    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
}
#xamkshow {
    display:flex;
    flex-direction:column;
    align-self:center;
    position:inherit;
    width:100%;
    height:30vh;
    padding-bottom:20px;
}
#xamkshow>iframe {
    display:block;
    width:100%;
    height:100%;
}
#linkP {
    color:#b94603
}
#btn1 {
    width:calc(14em + 10px);
    background-color:#4e9217;
    color:#213813;
    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
    text-align:center;
}
.contentDiv > * {
    font-family: BodyText;
    font-size:18px;
}
.contentDiv > * > h2 {
    font-size:min(max(18px, 3vmin), 28px);
    font-weight: bold;
    line-height:3em;
}

/*
responsiivisuus
*/

@media only screen and (max-width:700px) {
    #btn1 {
        width:4em;
        height:12em;
        background-color:#4e9217;
        color:#213813;
        clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0% 0%);
        text-align:center;
    }
    .pageDiv {
        height:75vh;
        align-self:center;
        width:100vw;
    }
    .contentDiv {
        left:0;
    }
    .pageButtons:hover {
        position:relative;
        transition:0.3s;
        width:4em;
        height:12em;
        clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0% 0%);
    }
    .pageButtons {
        width:4em;
        height:10em;
        align-content:center;
        text-align:center;
        border-right-width:0;
        border-top-width:1em;
        clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0% 0%);
    }
}
@media only screen and (min-width:701px) and (max-width: 1260px) {
    #xamkshow>iframe {
        width:95%;
    }
}
@media only screen and (min-width:1261px) {
    .contentDiv {
        position:inherit;
        align-self:center;
        margin-top:120px;
        text-align:center;
    }
}