.left {
        padding: 40px 0 40px 60px;
    }
    .top-img {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        background-image: url("../img/Pink\ Radial.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: 450px;
        z-index: 0;
        animation: floatUpDown 6s ease-in-out infinite;
    }
    .bottom-img {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background-image: url("../img/Sky\ Radial.png");
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 450px;
        z-index: 0;
        animation: floatUpDownReverse 6s ease-in-out infinite;
    }

    @keyframes floatUpDown {
        0%, 100% {
            transform: translateY(0);
            opacity: 0.8;
        }
        50% {
            transform: translateY(50px);
            opacity: 1;
        }
    }
    
    @keyframes floatUpDownReverse {
        0%, 100% {
            transform: translateY(0);
            opacity: 0.8;
        }
        50% {
            transform: translateY(-50px);
            opacity: 1;
        }
    }


    .logo img {
        width: 160px;
    }
    .coming-title img {
        max-width: 600px;
        background-image: url("../img/Grid\ 2.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .coming-title {
        padding: 7% 0;
    }

    .coming-bg {
        background-color: #000;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
    }
    .coming-text {
        color: #fff;
        font-size: 18px;
        font-weight:300 ;
    }
    .coming-img {
        position: absolute;
        right: 0;
    }
    .coming-img img{
        width: 320px;
    }


    @media only screen and (max-width: 991px) {
        .coming-title img {
            max-width: 450px;
        }
        .coming-img img {
            width: 250px;
        }
        .coming-img {
            z-index: 1;
        }
        .left {
            z-index: 1;
            position: relative;
        }
    }


    @media only screen and (max-width: 550px){

        .left {
            padding: 30px 0 0px 40px;
            z-index: 1;
            position: relative;
        }
        .coming-title img {
            max-width: 300px;
        }
        .coming-img img {
            width: 200px;
        }
        .coming-img {
            z-index: 1;
        }
    }

    @media only screen and (max-width: 400px){

        .left {
            padding: 30px 0 0px 40px;
            z-index: 1;
            position: relative;
        }
        .coming-title img {
            max-width: 270px;
        }
        .coming-img img {
            width: 120px;
        }
        .coming-img {
            z-index: 1;
        }
    }