body {
        background-color: #f0eff0;
        background-image: url(/assets/images/LeafBG.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: bottom center;
        background-size: contain;
    }
    
    .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(7, 1fr);
        grid-row-gap: 0px;
    }
    
    #logo-main {
        grid-area: 2 / 1 / 3 / 2;
        text-align: center;
    }
    
    #sub-title {
        font-size: 2.75vw;
        color: #32336a;
        grid-area: 3 / 1 / 4 / 2;
        text-align: center;
    }
    
    #sub-title p {
        margin-top: 10px;
    }
    
    #details {
        color: #32336a;
        grid-area: 4 / 1 / 5 / 2;
        text-align: center;
    }
    
    #soon {
        font-size: 2.5vw;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: 600;
    }
    
    .yellow {
        color: #bf9667;
        font-weight: 500;
        font-size: 1.55vw;
        margin-top: 13px;
    }
    
    #social {
        color: #32336a;
        grid-area: 5 / 1 / 6 / 2;
        text-align: center;
        margin-top: 1.5vw;
    }
    
    #social p {
        margin-bottom: 0;
        font-size: 1.25vw;
        margin-bottom: 0;
    }
    
    a {
        color: #32336a;
        font-size: 1.5vw;
        text-decoration: none;
        transition-duration: 0.25s;
    }
    
    a:hover {
        color: #bf9667;
    }
    
    .image {
        max-width: 28vw;
    }
    
    @media only screen and (max-width: 1024px) {
        .container {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: repeat(6, 1fr);
            grid-column-gap: 0px;
            grid-row-gap: 0px;
        }
        .image {
            max-width: 70%;
        }
        #logo-main {
            grid-area: 2 / 1 / 2 / 2;
            padding-top: 37px;
        }
        #sub-title {
            font-size: 6.75vw;
            grid-area: 3 / 1 / 3 / 2;
        }
        #details {
            grid-area: 4 / 1 / 4 / 2;
        }
        #soon {
            font-size: 9vw;
            grid-area: 4 / 1 / 4 / 2;
        }
        #social {
            grid-area: 5 / 1 / 5 / 2;
        }
        .yellow {
            font-size: 5vw;
        }
        #social p {
            font-size: 6.5vw;
        }
        #social a {
            font-size: 6vw;
        }
    }