#earth-canvas {
    width: 1360px !important;
    height: 1300px !important;
    z-index: 10;
    position: absolute;
    top: -190px;
    right: -480px;
}

#sphere-container {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 960px;
    width: 960px;
}

.banner-main.home h1 {
    text-shadow: 8px 3px 8px rgba(0, 0, 0, 0.6);
    font-size: 5rem;
    text-align: center;
}

@media (max-width: 1400px) and (orientation: landscape) {
    #earth-canvas {
        width: 1160px !important;
        height: 1100px !important;
        top: -170px !important;
        right: -450px !important;
    }
    #sphere-container {
        height: 800px;
        width: 800px;
    }
    .banner-main.home h1 {
        font-size: 4rem !important;
    }
}

@media (max-width: 800px) and (orientation: portrait) {
    #earth-canvas {
        width: 860px !important;
        height: 1100px !important;
        top: -170px !important;
        right: -450px !important;
    }
    #sphere-container {
        height: 800px;
        width: 800px;
    }
    .banner-main.home h1 {
        font-size: 2rem !important;
    }
}