body{
    background-image: url("./visualscss/noise.gif");
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}

#tv{
    display: block;
    text-align: center;
    margin-top: 90px;
    scale: 1.2;
}

#remote{
    display: inline-block;
    margin-left: 30%;
    margin-top: 70px;
    scale: 1.5;
}

#calc{
    display: inline-block;
    margin-left: 22%;
    margin-top: 25px;
    scale: 1.5;
}

@media (max-width: 1500px){

    #tv{

        scale: 1;
        margin-top: 2%;
    }

    #remote{

        scale: 1;
        margin-left: 31%;
        margin-top: 25px;
    }

    #calc{

        scale: 0.9;
        margin-left: 16%;
        margin-top: 25px;

    }
}

@media (max-width: 1087px){

    #tv{

        scale: 1;
        margin-top: 2%;
    }

    #remote{

        scale: 1;
        margin-left: 27%;
        margin-top: 25px;
    }

    #calc{

        scale: 0.9;
        margin-left: 16%;
        margin-top: 25px;

    }
}

@media (max-width: 830px){

    #tv{

        scale: 1;
        margin-top: 2%;
    }

    #remote{

        scale: 1;
        margin-left: 22%;
        margin-top: 25px;
    }

    #calc{

        scale: 0.9;
        margin-left: 16%;
        margin-top: 25px;

    }
}

@media (max-width: 600px){

    #tv{
        scale: 0.8;
        margin-top: 15%;
    }

    #remote{
        scale: 0.9;
        margin-left: 9%;
    }

    #calc{
        scale: 0.9;
        margin-left: 30%;
    }
}

@media (max-width: 515px){

    #tv{
        scale: 0.8;
        margin-top: 15%;
        margin-left: -9%;
    }

    #remote{
        scale: 0.9;
        margin-left: 9%;
    }

    #calc{
        scale: 0.9;
        margin-left: 22%;
    }
}

@media (max-width: 450px){

    #tv{
        scale: 0.7;
        margin-top: 25%;
        margin-left: -15%;
    }

    #remote{
        position: relative;
        top: -50px;
        scale: 0.8;
        margin-left: 7%;
    }

    #calc{
        position: relative;
        top: -50px;
        scale: 0.8;
        margin-left: 15%;
    }
}

@media (max-width: 430px){

    #tv{
        position: relative;
        scale: 0.7;
        margin-top: 20%;
        margin-left: -24%;
    }

    #remote{
        position: relative;
        top: -50px;
        scale: 0.7;
        margin-left: 5%;
    }

    #calc{
        position: relative;
        top: -50px;
        scale: 0.7;
        margin-left: 10%;
    }
}

@media (max-width: 390px){

    #tv{
        position: relative;
        scale: 0.6;
        margin-top: 20%;
        margin-left: -24%;
    }

    #remote{
        position: relative;
        top: -100px;
        scale: 0.7;
        margin-left: 5%;
    }

    #calc{
        position: relative;
        top: -100px;
        scale: 0.7;
        margin-left: 8%;
    }
}