@font-face {
    font-family: HendelGothicBold;
    src: url("./HGDbold.otf") format("opentype");
    }

body {
    background-image: url(./img/AdobeStock_353281155.jpg);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contains;
    height: 1000PX;
    min-width: 400px;

}

.mytopbar{
    z-index: +10;
    background-color: rgb(255, 255, 255);
    position: fixed;
    height: 50px;
    width: 100%;
    top: 0px;
}

.mybottombar{
    background-color: rgb(255, 255, 255);
    position: fixed;
    margin-top: 200PX;
    height: 100%;
    width: 100%;
    z-index: +1;
}

H1{
    font-family: HendelGothicBold;
    color: rgb(0, 128, 255);
}

.mybutton{
    font-family: HendelGothicBold;
    color: rgb(0, 128, 255);
    border: none;
    background-color: rgba(255, 255, 255, 0);
}

.myfooter{
    font-family: HendelGothicBold;
    color: rgb(0, 128, 255);
    z-index: +10;
    position: absolute;
    top: 1800px;
    width: 100%;
    height: 260PX;
    background-color: rgb(46, 46, 46);
}

.mycopyright{
    position: absolute;
    top: 2060px;
    z-index: +11;
    width: 100%;
    background-color: black;
    color: aliceblue;
    text-align: center;
}

.myfootercontent{
    margin-top: 10px;
    
}

.myworldlogo{
    background-image: url(./img/bitmap.png);
    height:95%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    
    
}

.myZone1{
    position: absolute;
    top: 750px;
    width: 100%;
    height: 1310px;
    background-color: rgba(0, 255, 255, 0);
    z-index: 2;

}

.floater1{
    position: -webkit-sticky;
    position: sticky;
    top: 240px;
    height: 600px;
    background-color: white;
    z-index: 3;


}

.myZone2{
    position: absolute;
    top: 1200px;
    width: 100%;
    height: 860px;
    background-color: rgba(0, 255, 255, 0);
    z-index: 4;
}

.floater2{
    position: -webkit-sticky;
    position: sticky;
    top: 280px;
    height: 400px;
    background-color: white;
    z-index: 5;

}


.jumper{
    position: fixed;
    padding: 0.4%;
    z-index: 11;
    top: 200px;
    background-color: rgb(46, 46, 46);


}


@media only screen and (max-width:1620px) {
    .jumper{
        display: none;
    }
  }


.img1{
    background-image: url(./img/AdobeStock_199387790.jpg);
    background-size: contain;
    height: 400px;

    background-repeat: no-repeat;
}

@media only screen and (max-width:625px) {
    .img1{
        height: 100%;
        width: 100%;
    }
}



.img2{
    background-image: url(./img/plc.jpg);
    background-size: contain;
    height: 400px;
    background-repeat: no-repeat;

}   


.img3{
    background-image: url(./img/AdobeStock_266571801.jpg);
    background-size: contain;
    height: 400px;
    background-repeat: no-repeat;

}