#demo{
    top: 0;
    background:url("../images/gray_wall_bg.jpg");
    background-size: cover;
    width: 100%;
    height: 40vw;
    max-height: 560px;
    position: relative;
    color: #fff;
}

#demoCenter{
    height: 100%;
    width: 90vw;
    max-width: 1266px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#tvWrapper{
    position: relative;
    width: 51vw;
    max-width: 620px;
}

#tv{
    position: relative;
    width: 100%;
}

#demoVideo{
    position: absolute;
    top: 1%;
    left: 3%;
    width: 94%;
}

#demoInfo{
    position: relative;
    max-width: 500px;
    width: 35vw;
    text-shadow: 0.2vw 0.2vw 1vw #000000;
}

#demoHeader{
    color: #fff;
    margin: 0;
}

#demoInfo p{
    font-size: min(1.5vw, 18px);
}

#cowMark2{
    position: relative;
    max-width: 112x;
    width: 9vw;
    margin: min(6vw, 100px) 0;
    left: 50%;
    transform: translateX(-50%);
}


@media (max-width:480px)  { 
    
    #demo{
        height: 150vw;
        max-height: none;
    }
    
    #demoCenter{
        flex-direction: column;
        justify-content: space-evenly;
    }
    
    #tvWrapper{
        width: 90vw;
        margin-top: 7vw;
    }
    
    #demoInfo{
        width: 90vw;
    }
    
    #demoInfo p{
        font-size: 4.6vw;
    }

    #cowMark2{
        width: 12vw;
        margin: 15vw 0;
    }

}