*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
html,body{height: 100%; background-color: rgba(248,244,241,1.00);}
body{
        background: rgba(248,244,241,1.00) url(../img/cgfamily_lg.jpg) no-repeat top;
        -webkit-background-size: cover;
        background-size: cover;
        height: calc(100vh + 100px);
    }
@media screen and (orientation: landscape) and (max-width: 1024px){
    body{
        background: rgba(248,244,241,1.00) url(../img/cgfamily_lg.jpg) no-repeat top;
        -webkit-background-size: cover;
        background-size: cover;
        height: calc(100vh + 200px);
        height: 600px;
    }
}
@media screen and (orientation: portrait) and (max-width: 728px){
    body{
        background: rgba(248,244,241,1.00) url(../img/cgfamily_mobile.jpg) no-repeat top;
        -webkit-background-size: cover;
        background-size: cover;
        height: 1800px;
    }
}

@media screen and (orientation: portrait) and (max-width: 480px){
    body{
        background: rgba(248,244,241,1.00) url(../img/cgfamily_mobile.jpg) no-repeat top;
        -webkit-background-size: cover;
        background-size: cover;
        height: 1000px;
    }
}