.overlap-logos {
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width: 100%; 
    z-index:9999;
    text-align: center;
    pointer-events: none;
}

.HOME .logo2 {
    pointer-events: none;
}

.HOME .logo1 {
    pointer-events: none;
} 

.HOME .background-img {
    position: absolute;
    top:30%;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
@media screen and (orientation:portrait) {

    .HOME .start-button {
        width: 240px;
        height: 120px;
    }

    .HOME .logo1 {
        width: 90%;
        margin-top: 25%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .HOME .logo2 {
        margin-top: 0%;
        height: 22%;
    }
}

@media screen and (orientation:landscape) {

    .HOME .start-button {
        width: 240px;
        height: 120px;
    }

    .HOME .logo2 {
        margin-top: 5%;
        height: 40%;
        width: 100%;
    }

    .HOME .logo1 {
        margin-top: 5%;
        height: 22%;
        width: 100%;
    }
}