#landing
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../Assets/landing/bcg.jpg');
    background-size: cover;
}

#landing-logo
{
    position: absolute;
    top: calc(50% - 117.5px);
    left: 16.5%;
    width: 502.9px;
    height: 235px;
    /*width: 28%;
    height: 22.2%;*/
}

#landing-msg
{
    position: absolute;
    top: calc(50% - 67.5px);
    left: calc(16% + 552.9px);
    width: calc(77% - 552.9px);
    height: 500px;
}

@media (max-width : 1100px)
{
    #landing-logo
    {
        position: absolute;
        top: calc(50% - 117.5px);
        left: 8.5%;
        width: 390px;
        height: 182.2px;
        /*width: 28%;
    height: 22.2%;*/
    }

    #landing-msg
    {
        position: absolute;
        top: calc(44% - 67.5px);
        left: calc(8.5% + 440px);
        width: calc(77% - 375.9px);
        height: 500px;
    }
}


    #landing-msg div:nth-child(1)
    {
        color: white;
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        font-size: 1.85em;
    }

    #landing-msg div:nth-child(2)
    {
        font-family: 'Roboto', sans-serif;
        margin-top: 30px;
        font-size: 1.2em;
        color: rgb(217,217,217);
    }