.footer{
    position: relative;
    left: 0vw;
    background-color: #cdedf9;
    width: 100%;
    height: 24vw;
}





.part{
    position:absolute;
    width: auto;
    height: 25%;
    left: 25%;
    top: 56%;
   
}

.hp{
    position:absolute;
    width: auto;
    height: 29%;
    left:45% ;
    top: 52.5%;
}
.labwork{
    position:absolute;
    left: 5%;
    width: auto;
    height: 29%;
    top: 52%;
}
.team{
    position:absolute;
    left: 35%;
    width: auto;
    height: 29%;
    top: 53%;
}

.project{
    position:absolute;
    width: auto;
    height: 29%;
    top: 52%;
    left: 15%;
}

.labwork:hover{
   height: 34%;
    transition: 0.2s;
    left: 4.4%;
    top: 49.5%;
}
.part:hover{
    height: 29.31%;
    transition: 0.2s;
    left: 24.3535%;
    top: 53.85%;
}
.team:hover{
    height: 34%;
    transition: 0.2s;
    left: 34.4%;
    top: 49.5%;
}
.project:hover{
    height: 34%;
    transition: 0.2s;
    top: 49.5%;
    left: 14.4%;
}
.hp:hover{
    height:34%;
    transition: 0.2s;
    top: 50%;
    left: 44.4%;
}









.knight{
    position: absolute;
    top:5%;
    left: 3%;
    width: 16%;
    height: auto;

}

.rightdiv{
    position: absolute;
    width: 25%;
    height: auto;
    left: 68%;
    bottom: 10%;
}



.transition {
position: relative;
text-align: center;
border:0;
margin: 0;
z-index: 9;
}

.waves {
position: relative;
width: 100%;
height: 15vh;
margin-bottom: -7px; 
min-height: 50px;
max-height: 150px;
}


/* Animation */

.parallax > use {
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
    transform: translate3d(-90px, 0, 0);
}
100% {
    transform: translate3d(85px, 0, 0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
    height: 20px;
    min-height: 20px;
}

}



.lisencep1{
margin: 0;

text-align: center;
}
.lisencep2{
margin: 0;
text-align: center;

}



#tooltip {
    position: absolute;
    bottom: 6vw;
    right: 6vw;
    width: 14vw;

    background: transparent;
    color: #416d8e;
    text-align: center;
    line-height: 1rem;
    font-size: 0.7vw;
    font-weight: 800;
}
.snapgene{
    position: absolute;
    width: 24%;
    height: auto;
    top: 2.6vw;
    left: 23%;
}
.footerschool{
    position: absolute;
    width: 8%;
    height: auto;
    top: 3vw;
    left:50%;
}