body {
    margin: 0;
    padding: 0px;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    border: 0;

    background-image: url("images/website homepage background-desktop.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: relative;
    min-height: 100vh;
    

}

#timeOverlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

#main_left{
    position: relative;
}

#main_right{
    position: relative;
}

#container {
    position: relative;
    z-index: 1;
}

/* Z-INDEX */
body{

.desk{
    z-index: -999;
}

.armchair{
    z-index: -999;
}



.black_shelf_fabric{
    z-index: 999;
}

.blue_shelf_fabric{
    z-index: 998;
}

.green_shelf_fabric{
    z-index: 997;
}

.red_orange_shelf_fabric{
    z-index: 996;
}

.brown_shelf_fabric{
    z-index: 995;
}

.pink_purple_shelf_fabric{
    z-index: 994;
}

.ironing_board_and_water_tank{
    z-index: -999;
}

.grey_jacket_on_rack{
    z-index: 99;
}

.rubin_denim_on_rack{
    z-index: 98;  
}

.tee_on_rack{
    z-index: 97;
}

.iron{
    z-index: 99;
}

.sewing_machine{
    z-index: 999;
}

.power_cords{
    z-index: -9999;
}

.cutting_table{
    z-index: -9999;
}

.phone{
    z-index: 1000;
}
}

/* HOVER */
body {

.bookshelf_books img{
    transition: .75s;
}

.bookshelf_books img:hover{
    transform: scale(1.01);
}


.pc img{
    transition: .75s;
}

.pc img:hover{
    transform: scale(1.01);
}


.open_green_book img{
    transition: .75s;
}

.open_green_book img:hover{
    transform: scale(1.08);
}


.open_blue_book img{
    transition: .75s;
}

.open_blue_book img:hover{
    transform: scale(1.08);
}


.open_purple_book img{
    transition: .75s;
}

.open_purple_book img:hover{
    transform: scale(1.08);
}


.open_red_book img{
    transition: .75s;
}

.open_red_book img:hover{
    transform: scale(1.08);
}


.small_stacked_books img{
    transition: .75s;
}

.small_stacked_books img:hover{
    transform: scale(1.05);
}


.big_stacked_books img{
    transition: .75s;
}

.big_stacked_books img:hover{
    transform: scale(1.05);
}



.black_shelf_fabric img{
    transition: .75s;
}

.black_shelf_fabric img:hover{
    transform: scale(1.08);
}


.blue_shelf_fabric img{
    transition: .75s;
}

.blue_shelf_fabric img:hover{
    transform: scale(1.08);
}


.green_shelf_fabric img{
    transition: .75s;
}

.green_shelf_fabric img:hover{
    transform: scale(1.08);
}


.red_orange_shelf_fabric img{
    transition: .75s;
}

.red_orange_shelf_fabric img:hover{
    transform: scale(1.08);
}


.brown_shelf_fabric img{
    transition: .75s;
}

.brown_shelf_fabric img:hover{
    transform: scale(1.08);
}


.pink_purple_shelf_fabric img{
    transition: .75s;
}

.pink_purple_shelf_fabric img:hover{
    transform: scale(1.08);
}


.black_denim_sketch img{
    transition: .75s;
}

.black_denim_sketch img:hover{
    transform: scale(1.08);
}


.blue_denim_sketch img{
    transition: .75s;
}

.blue_denim_sketch img:hover{
    transform: scale(1.08);
}


.brown_leather_coat_sketch img{
    transition: .75s;
}

.brown_leather_coat_sketch img:hover{
    transform: scale(1.08);
}


.grey_jacket_on_rack img{
    transition: .75s;
}

.grey_jacket_on_rack img:hover{
    transform: scale(1.02);
}


.rubin_denim_on_rack img{
    transition: .75s;
}

.rubin_denim_on_rack img:hover{
    transform: scale(1.02);
}


.tee_on_rack img{
    transition: .75s;
}

.tee_on_rack img:hover{
    transform: scale(1.04);
}


.sewing_machine img{
    transition: .75s;

}

.sewing_machine img:hover{
    transform: scale(1.01);
}


.phone img{
    transition: .75s;
}

.phone img:hover{
    transform: scale(1.05);
}
}


/* RESIZING */


/* MOST IPHONES AND ANDROIDS */

@media screen and (min-device-width: 300px) and (max-device-width: 500px) and (min-device-height: 550px) and (max-device-height: 1000px) {

body{
    
    background-image: url("images/website\ homepage\ background-original-ipad.png");
    background-size: 100%;
    overflow-y: auto; 
    background-repeat: no-repeat;
    min-height: 100vh;
}


.bookshelf_books{
    transform: scale(.76, .91);
    position: absolute;
    top: -44px;
    left: 277px;
}


.desk{
    transform: scale(.76, .91);
    position: absolute;
    top: 523px;
    left: 455px;
}


.pc {
    transform: scale(.76, .91);
    position: absolute;
    top: 478px;
    left: 510px;
}


.armchair{
    transform: scale(.76, .81);
    position: absolute;
    top: 515px;
    left: 20px;
}


.open_green_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 70deg;
    top: 875px;
    left: 745px;
}


.open_blue_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 99deg;
    top: 655px;
    left: 725px;
}


.open_purple_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 125deg;
    top: 1035px;
    left: 755px;
}


.open_red_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 100deg;
    top: 950px;
    left: 795px;
}


.small_stacked_books{
    transform: scale(.76, .91);
    position: absolute;
    top: 1170px;
    left: 785px;
}


.big_stacked_books{
    transform: scale(.76, .91);
    position: absolute;
    top: 630px;
    left: -30px;
}




.black_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1684px;
    left: 550px;
}


.blue_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1639px;
    left: 550px;
}


.green_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1596px;
    left: 550px;
}


.red_orange_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1546px;
    left: 550px;
}


.brown_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1502px;
    left: 550px;
}


.pink_purple_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1454px;
    left: 550px;
}


.black_denim_sketch{
    transform: scale(.70, .70);
    aspect-ratio: 9 / 16;
    position:absolute;
    top: 1460px;
    left: 120px;
}


.blue_denim_sketch{
    transform: scale(.70, .70);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1543px;
    left: 130px;
}


.brown_leather_coat_sketch{
    position: absolute;
    transform: scale(.85, .90);
    aspect-ratio: 9 / 16;
    top: 1456px;
    left: 262px;
}


.ironing_board_and_water_tank{
    position: absolute;
    transform: scale(.63, .69);
    aspect-ratio: 9 / 16;
    top: 1320px;
    left: -60px;
}


.grey_jacket_on_rack{
    position: absolute;
    transform: scale(.73, .73);
    aspect-ratio: 9 / 16;
    top: 2130px;
    left: 20px;
}


.rubin_denim_on_rack{
    position: absolute;
    transform: scale(.73, .73);
    aspect-ratio: 9 / 16;
    top: 2144px;
    left: 235px;
}


.tee_on_rack{
    position: absolute;
    transform: scale(.93, .93);
    aspect-ratio: 9 / 16;
    top: 2200px;
    left: 435px;
}


.iron{
    position:absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1655px;
    left: 73px;
}


.sewing_machine{
    position: absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1590px;
    left: 540px;
}


.power_cords{
    position: absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1425px;
    left: 85px;
}


.cutting_table{
    position: absolute;
    transform: scale(.60, .60);
    aspect-ratio: 9 / 16;
    top: 2030;
    left: 480;
}


.phone{
    position: absolute;
    scale: 85%;
    top: 1755px;
    left: 640px;
}
}


/* IPADS AND TABLETS */

@media screen and (min-width: 744px) and (max-width: 1032px) and (min-height: 1024px) and (max-height: 1919px){

body{
    
    background-image: url("images/website\ homepage\ background-original-ipad.png");
    background-size: 100%;
    overflow-y: auto; 
    background-repeat: no-repeat;
    min-height: 100vh;
}


.bookshelf_books{
    transform: scale(.76, .91);
    position: absolute;
    top: -44px;
    left: 277px;
}


.desk{
    transform: scale(.76, .91);
    position: absolute;
    top: 523px;
    left: 455px;
}


.pc {
    transform: scale(.76, .91);
    position: absolute;
    top: 478px;
    left: 510px;
}


.armchair{
    transform: scale(.76, .81);
    position: absolute;
    top: 515px;
    left: 20px;
}


.open_green_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 70deg;
    top: 875px;
    left: 745px;
}


.open_blue_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 99deg;
    top: 655px;
    left: 725px;
}


.open_purple_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 125deg;
    top: 1035px;
    left: 755px;
}


.open_red_book{
    transform: scale(.66, .81);
    position: absolute;
    rotate: 100deg;
    top: 950px;
    left: 795px;
}


.small_stacked_books{
    transform: scale(.76, .91);
    position: absolute;
    top: 1170px;
    left: 785px;
}


.big_stacked_books{
    transform: scale(.76, .91);
    position: absolute;
    top: 630px;
    left: -30px;
}




.black_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1684px;
    left: 550px;
}


.blue_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1639px;
    left: 550px;
}


.green_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1596px;
    left: 550px;
}


.red_orange_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1546px;
    left: 550px;
}


.brown_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1502px;
    left: 550px;
}


.pink_purple_shelf_fabric{
    transform: scale(.76, .91);
    position: absolute;
    top: 1454px;
    left: 550px;
}


.black_denim_sketch{
    transform: scale(.70, .70);
    aspect-ratio: 9 / 16;
    position:absolute;
    top: 1460px;
    left: 120px;
}


.blue_denim_sketch{
    transform: scale(.70, .70);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1543px;
    left: 130px;
}


.brown_leather_coat_sketch{
    position: absolute;
    transform: scale(.85, .90);
    aspect-ratio: 9 / 16;
    top: 1456px;
    left: 262px;
}


.ironing_board_and_water_tank{
    position: absolute;
    transform: scale(.63, .69);
    aspect-ratio: 9 / 16;
    top: 1320px;
    left: -60px;
}


.grey_jacket_on_rack{
    position: absolute;
    transform: scale(.73, .73);
    aspect-ratio: 9 / 16;
    top: 2130px;
    left: 20px;
}


.rubin_denim_on_rack{
    position: absolute;
    transform: scale(.73, .73);
    aspect-ratio: 9 / 16;
    top: 2144px;
    left: 235px;
}


.tee_on_rack{
    position: absolute;
    transform: scale(.93, .93);
    aspect-ratio: 9 / 16;
    top: 2200px;
    left: 435px;
}


.iron{
    position:absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1655px;
    left: 73px;
}


.sewing_machine{
    position: absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1590px;
    left: 540px;
}


.power_cords{
    position: absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1425px;
    left: 85px;
}


.cutting_table{
    position: absolute;
    transform: scale(.60, .60);
    aspect-ratio: 9 / 16;
    top: 2030;
    left: 480;
}


.phone{
    position: absolute;
    scale: 65%;
    top: 1755px;
    left: 640px;
}
}


/* 1080 x 1920 - HD Vertical*/  

@media only screen and (min-width: 1079px) and (max-width: 1080px) and (min-height: 1081px) and (max-height: 1920px){

body{

    margin: 0;
    padding: 0px;
    border: 0;

    background-image: url("images/website\ homepage\ background-vertHD.png");
    background-size: 100%;
    background-repeat: no-repeat;
    
}


.bookshelf_books{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: -138px;
    left: 324px;
}


.desk{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 263px;
    left: 525px;
}


.pc {
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 263px;
    left: 565px;
}


.armchair{
    transform: scale(.73, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 290px;
    left: 80px;
}


.open_green_book{
    transform: scale(.58, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    rotate: 70deg;
    top: 595px;
    left: 785px;
}


.open_blue_book{
    transform: scale(.58, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    rotate: 99deg;
    top: 395px;
    left: 760px;
}


.open_purple_book{
    transform: scale(.58, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    rotate: 125deg;
    top: 695px;
    left: 775px;
}


.open_red_book{
    transform: scale(.58, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    rotate: 100deg;
    top: 645px;
    left: 835px;
}


.small_stacked_books{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 810px;
    left: 885px;
}


.big_stacked_books{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 420px;
    left: 30px;
}




.black_shelf_fabric{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1122px;
    left: 610px;
}


.blue_shelf_fabric{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1088px;
    left: 610px;
}


.green_shelf_fabric{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1058px;
    left: 610px;
}


.red_orange_shelf_fabric{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1022px;
    left: 610px;
}


.brown_shelf_fabric{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 990px;
    left: 610px;
}


.pink_purple_shelf_fabric{
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 955px;
    left: 610px;
}


.black_denim_sketch{
    transform: scale(.55, .50);
    aspect-ratio: 9 / 16;
    position:absolute;
    top: 1044px;
    left: 135px;
}


.blue_denim_sketch{
    transform: scale(.55, .52);
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 1103px;
    left: 144px;
}


.brown_leather_coat_sketch{
    position: absolute;
    transform: scale(.63, .69);
    aspect-ratio: 9 / 16;
    top: 1042px;
    left: 288px;
}


.ironing_board_and_water_tank{
    position: absolute;
    transform: scale(.63, .69);
    aspect-ratio: 9 / 16;
    top: 860px;
    left: -50px;
}


.grey_jacket_on_rack{
    position: absolute;
    transform: scale(.58, .56);
    aspect-ratio: 9 / 16;
    top: 1468px;
    left: 15px;
}


.rubin_denim_on_rack{
    position: absolute;
    transform: scale(.58, .58);
    aspect-ratio: 9 / 16;
    top: 1496px;
    left: 225px;
}


.tee_on_rack{
    position: absolute;
    transform: scale(.88, .82);
    aspect-ratio: 9 / 16;
    top: 1575px;
    left: 470px;
}


.iron{
    position:absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1195px;
    left: 83px;
}


.sewing_machine{
    position: absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 1120px;
    left: 610px;
}


.power_cords{
    position: absolute;
    transform: scale(.83, .69);
    aspect-ratio: 9 / 16;
    top: 954px;
    left: 125px;
}


.cutting_table{
    position: absolute;
    transform: scale(.50, .50);
    aspect-ratio: 9 / 16;
    top: 1330;
    left: 580;
}


.phone{
    position: absolute;
    scale: 70%;
    top: 1290px;
    left: 690px;
}
}


/* 1080 x 2560 - UltraWide Vertical*/  

@media only screen and (min-width: 1079px) and (max-width: 1080px) and (min-height: 1921px) and (max-height: 2560px) {

body{

    background-image: url("images/website\ homepage\ background-vert2k.png");
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 100vh;

}


.bookshelf_books{
    scale: 83%;
    position: absolute;
    top: -59px;
    left: 327px;
}


.desk{
    scale: 83%;
    position: absolute;
    top: 478px;
    left: 525px;
}


.pc {
    scale: 83%;
    position: absolute;
    top: 450px;
    left: 570px;
}


.armchair{
    scale: 73%;
    position: absolute;
    top: 500px;
    left: 30px;
}


.open_green_book{
    scale: 63%;
    position: absolute;
    rotate: 70deg;
    top: 815px;
    left: 805px;
}


.open_blue_book{
    scale: 63%;
    position: absolute;
    rotate: 99deg;
    top: 615px;
    left: 795px;
}


.open_purple_book{
    scale: 63%;
    position: absolute;
    rotate: 125deg;
    top: 965px;
    left: 825px;
}


.open_red_book{
    scale: 63%;
    position: absolute;
    rotate: 100deg;
    top: 875px;
    left: 855px;
}


.small_stacked_books{
    scale: 83%;
    position: absolute;
    top: 1070px;
    left: 885px;
}


.big_stacked_books{
    scale: 83%;
    position: absolute;
    top: 610px;
    left: -10px;
}




.black_shelf_fabric{
    scale: 83%;
    position: absolute;
    top: 1563px;
    left: 625px;
}


.blue_shelf_fabric{
    scale: 83%;
    position: absolute;
    top: 1522px;
    left: 625px;
}


.green_shelf_fabric{
    scale: 83%;
    position: absolute;
    top: 1482px;
    left: 625px;
}


.red_orange_shelf_fabric{
    scale: 83%;
    position: absolute;
    top: 1436px;
    left: 625px;
}


.brown_shelf_fabric{
    scale: 83%;
    position: absolute;
    top: 1394px;
    left: 625px;
}


.pink_purple_shelf_fabric{
    scale: 83%;
    position: absolute;
    top: 1349px;
    left: 625px;
}


.black_denim_sketch{
    scale: 63%;
    position:absolute;
    top: 1360px;
    left: 135px;
}


.blue_denim_sketch{
    scale: 63%;
    position: absolute;
    top: 1438px;
    left: 144px;
}


.brown_leather_coat_sketch{
    position: absolute;
    scale: 83%;
    top: 1352px;
    left: 290px;
}


.ironing_board_and_water_tank{
    position: absolute;
    scale: 63%;
    top: 1250px;
    left: -50px;
}


.grey_jacket_on_rack{
    position: absolute;
    scale: 63%;
    top: 1995px;
    left: 15px;
}


.rubin_denim_on_rack{
    position: absolute;
    scale: 63%;
    top: 1970px;
    left: 225px;
}


.tee_on_rack{
    position: absolute;
    scale: 103%;
    top: 2060px;
    left: 470px;
}


.iron{
    position:absolute;
    scale: 83%;
    top: 1575px;
    left: 83px;
}


.sewing_machine{
    position: absolute;
    scale: 83%;
    top: 1550px;
    left: 610px;
}


.power_cords{
    position: absolute;
    scale: 83%;
    top: 1535px;
    left: 135px;
}


.cutting_table{
    position: absolute;
    scale: 58%;
    top: 1950;
    left: 600;
}


.phone{
    position: absolute;
    scale: 63%;
    top: 1640px;
    left: 710px;
}
}


/* 1440 x 900 - 2015 Macbook Air */

@media screen and (min-width: 1440px) and (max-width: 1441px) and (max-height: 900px){


    .bookshelf_books{
    scale: 56%;
    position: absolute;
    top: -125px;
    left: 148px;
}


.desk{
    scale: 56%;
    position: absolute;
    top: 255px;
    left: 275px;
}


.pc {
    scale: 56%;
    position: absolute;
    top: 262px;
    left: 330px;
}


.armchair{
    scale: 56%;
    position: absolute;
    top: 225px;
    left: 35px;
}


.open_green_book{
    scale: 55%;
    position: absolute;
    rotate: 70deg;
    top: 545px;
    left: 530px;
}


.open_blue_book{
    scale: 55%;
    position: absolute;
    rotate: 99deg;
    top: 395px;
    left: 520px;
}


.open_purple_book{
    scale: 55%;
    position: absolute;
    rotate: 125deg;
    top: 675px;
    left: 525px;
}


.open_red_book{
    scale: 55%;
    position: absolute;
    rotate: 100deg;
    top: 605px;
    left: 585px;
}


.small_stacked_books{
    scale: 70%;
    position: absolute;
    top: 720px;
    left: 585px;
}


.big_stacked_books{
    scale: 60%;
    position: absolute;
    top: 310px;
    left: 20px;
}




.black_shelf_fabric{
    scale: 56%;
    position: absolute;
    top: 223px;
    left: 1077px;
}


.blue_shelf_fabric{
    scale: 56%;
    position: absolute;
    top: 195px;
    left: 1077px;
}


.green_shelf_fabric{
    scale: 56%;
    position: absolute;
    top: 168px;
    left: 1077px;
}


.red_orange_shelf_fabric{
    scale: 56%;
    position: absolute;
    top: 138px;
    left: 1077px;
}


.brown_shelf_fabric{
    scale: 56%;
    position: absolute;
    top: 110px;
    left: 1077px;
}


.pink_purple_shelf_fabric{
    scale: 56%;
    position: absolute;
    top: 79px;
    left: 1077px;
}


.black_denim_sketch{
    scale: 46%;
    position:absolute;
    top: 86px;
    left: 801px;
}


.blue_denim_sketch{
    scale: 46%;
    position: absolute;
    top: 137px;
    left: 810px;
}


.brown_leather_coat_sketch{
    position: absolute;
    scale: 52%;
    top: 83px;
    left: 905px;
}


.ironing_board_and_water_tank{
    position: absolute;
    scale: 45%;
    top: -90px;
    left: 600px;
}


.grey_jacket_on_rack{
    position: absolute;
    scale: 48%;
    top: 472px;
    left: 680px;
}


.rubin_denim_on_rack{
    position: absolute;
    scale: 50%;
    top: 440px;
    left: 840px;
}


.tee_on_rack{
    position: absolute;
    scale: 75%;
    top: 544px;
    left: 1010px;
}


.iron{
    position:absolute;
    scale: 56%;
    top: 225px;
    left: 740px;
}


.sewing_machine{
    position: absolute;
    scale: 56%;
    top: 162px;
    left: 1030px;
}


.power_cords{
    position: absolute;
    scale: 56%;
    top: 190px;
    left: 660px;
}


.cutting_table{
    position: absolute;
    scale: 44%;
    top: 420px;
    left: 1000px;
}


.phone{
    position: absolute;
    scale: 56%;
    top: 275px;
    left: 1150px;
}
}


/* 1920 x 1080 - 1080p - HD*/

@media only screen and (min-width: 1441px) and (max-width: 1920px){


.bookshelf_books{
    scale: 75%;
    position: absolute;
    top: -81px;
    left: 268px;
}


.desk{
    scale: 75%;
    position: absolute;
    top: 400px;
    left: 445px;
}


.pc {
    scale: 75%;
    position: absolute;
    top: 382px;
    left: 500px;
}


.armchair{
    scale: 75%;
    position: absolute;
    top: 365px;
    left: 90px;
}


.open_green_book{
    scale: 60%;
    position: absolute;
    rotate: 70deg;
    top: 725px;
    left: 730px;
}


.open_blue_book{
    scale: 60%;
    position: absolute;
    rotate: 99deg;
    top: 535px;
    left: 720px;
}


.open_purple_book{
    scale: 60%;
    position: absolute;
    rotate: 125deg;
    top: 875px;
    left: 725px;
}


.open_red_book{
    scale: 60%;
    position: absolute;
    rotate: 100deg;
    top: 805px;
    left: 765px;
}


.small_stacked_books{
    scale: 75%;
    position: absolute;
    top: 970px;
    left: 685px;
}


.big_stacked_books{
    scale: 75%;
    position: absolute;
    top: 460px;
    left: 40px;
}




.black_shelf_fabric{
    scale: 75%;
    position: absolute;
    top: 307px;
    left: 1497px;
}


.blue_shelf_fabric{
    scale: 75%;
    position: absolute;
    top: 270px;
    left: 1497px;
}


.green_shelf_fabric{
    scale: 75%;
    position: absolute;
    top: 234px;
    left: 1497px;
}


.red_orange_shelf_fabric{
    scale: 75%;
    position: absolute;
    top: 194px;
    left: 1497px;
}


.brown_shelf_fabric{
    scale: 75%;
    position: absolute;
    top: 155px;
    left: 1497px;
}


.pink_purple_shelf_fabric{
    scale: 75%;
    position: absolute;
    top: 116px;
    left: 1497px;
}


.black_denim_sketch{
    scale: 60%;
    position:absolute;
    top: 125px;
    left: 1080px;
}


.blue_denim_sketch{
    scale: 60%;
    position: absolute;
    top: 193px;
    left: 1085px;
}


.brown_leather_coat_sketch{
    position: absolute;
    scale: 75%;
    top: 120px;
    left: 1215px;
}


.ironing_board_and_water_tank{
    position: absolute;
    scale: 55%;
    top: -10px;
    left: 870px;
}


.grey_jacket_on_rack{
    position: absolute;
    scale: 55%;
    top: 670px;
    left: 980px;
}


.rubin_denim_on_rack{
    position: absolute;
    scale: 60%;
    top: 653px;
    left: 1165px;
}


.tee_on_rack{
    position: absolute;
    scale: 95%;
    top: 745px;
    left: 1370px;
}


.iron{
    position:absolute;
    scale: 75%;
    top: 310px;
    left: 1013px;
}


.sewing_machine{
    position: absolute;
    scale: 75%;
    top: 290px;
    left: 1480px;
}


.power_cords{
    position: absolute;
    scale: 75%;
    top: 278px;
    left: 1030px;
}


.cutting_table{
    position: absolute;
    scale: 50%;
    top: 650;
    left: 1450;
}


.phone{
    position: absolute;
    scale: 75%;
    top: 380px;
    left: 1570px;
}
}


/* 2560 x 1440 - 1440P - 2K*/

@media only screen and (min-width: 1921px) and (max-width: 2560px){


.bookshelf_books{
    position: absolute;
    top: -22px;
    left: 422px;
}


.desk{
    position: absolute;
    top: 590px;
    left: 670px;
}


.pc {
    position: absolute;
    top: 530px;
    left: 700px;;
}


.armchair{
    position: absolute;
    scale: 85%;
    top: 565px;
    left: 140px;
}


.open_green_book{
    position: absolute;
    scale: 75%;
    rotate: 70deg;
    top: 955px;
    left: 1000px;
}


.open_blue_book{
    position: absolute;
    scale: 75%;
    rotate: 99deg;
    top: 695px;
    left: 970px;
}


.open_purple_book{
    position: absolute;
    scale: 75%;
    rotate: 125deg;
    top: 1155px;
    left: 975px;
}


.open_red_book{
    position: absolute;
    scale: 75%;
    rotate: 100deg;
    top: 1055px;
    left: 1055px;
}


.small_stacked_books{
    position: absolute;
    top: 1330px;
    left: 905px;
}

.big_stacked_books{
    position: absolute;
    top: 670px;
    left: 70px;
}



.black_shelf_fabric{
    position: absolute;
    top: 418px;
    left: 2038px;
}


.blue_shelf_fabric{
    position: absolute;
    top: 367px;
    left: 2038px;
}


.green_shelf_fabric{
    position: absolute;
    top: 321px;
    left: 2038px;
}


.red_orange_shelf_fabric{
    position: absolute;
    top: 267px;
    left: 2038px;
}


.brown_shelf_fabric{
    position: absolute;
    top: 217px;
    left: 2038px;
}


.pink_purple_shelf_fabric{
    position: absolute;
    top: 164px;
    left: 2038px;
}


.black_denim_sketch{
    scale: 80%;
    position:absolute;
    top: 177px;
    left: 1435px;
}


.blue_denim_sketch{
    scale: 80%;
    position: absolute;
    top: 268px;
    left: 1450px;
}


.brown_leather_coat_sketch{
    position: absolute;
    top: 168px;
    left: 1620px;
}


.ironing_board_and_water_tank{
    position: absolute;
    scale: 80%;
    top: 80px;
    left: 1240px;
}


.grey_jacket_on_rack{
    position: absolute;
    scale:80%;
    top: 955px;
    left: 1330px;
}


.rubin_denim_on_rack{
    position: absolute;
    scale: 80%;
    top: 943px;
    left: 1570px;
}


.tee_on_rack{
    position: absolute;
    scale: 120%;
    top: 1005px;
    left: 1820px;
}


.iron{
    position:absolute;
    top: 415px;
    left: 1363px;
}


.sewing_machine{
    position: absolute;
    top: 450px;
    left: 2010px;
}


.power_cords{
    position: absolute;
    top: 393px;
    left: 1510px;
}


.cutting_table{
    position: absolute;
    scale: 70%;
    top: 950px;
    left: 2000px;
}


.phone{
    position: absolute;
    scale: 100%;
    top: 520px;
    left: 2070px;
}
}


/* 3840 x 2160 - 4K */

@media only screen and (min-width: 3840px){


.bookshelf_books{
    scale: 150%;
    position: absolute;
    top: 104px;
    left: 748px;
}


.desk{
    scale: 150%;
    position: absolute;
    top: 990px;
    left: 1130px;
}


.pc {
    scale: 150%;
    position: absolute;
    top: 850px;
    left: 1150px;
}


.armchair{
    scale: 130%;
    position: absolute;
    top: 965px;
    left: 230px;
}


.open_green_book{
    scale: 125%;
    position: absolute;
    rotate: 70deg;
    top: 1490px;
    left: 1470px;
}


.open_blue_book{
    scale: 125%;
    position: absolute;
    rotate: 99deg;
    top: 1125px;
    left: 1470px;
}


.open_purple_book{
    scale: 125%;
    position: absolute;
    rotate: 125deg;
    top: 1775px;
    left: 1485px;
}


.open_red_book{
    scale: 125%;
    position: absolute;
    rotate: 100deg;
    top: 1615px;
    left: 1565px;
}


.small_stacked_books{
    scale: 150%;
    position: absolute;
    top: 1970px;
    left: 1485px;
}


.big_stacked_books{
    scale: 150%;
    position: absolute;
    top: 1090px;
    left: 70px;
}




.black_shelf_fabric{
    scale: 150%;
    position: absolute;
    top: 648px;
    left: 3167px;
}


.blue_shelf_fabric{
    scale: 150%;
    position: absolute;
    top: 573px;
    left: 3167px;
}


.green_shelf_fabric{
    scale: 150%;
    position: absolute;
    top: 502px;
    left: 3167px;
}


.red_orange_shelf_fabric{
    scale: 150%;
    position: absolute;
    top: 420px;
    left: 3167px;
}


.brown_shelf_fabric{
    scale: 150%;
    position: absolute;
    top: 345px;
    left: 3167px;
}


.pink_purple_shelf_fabric{
    scale: 150%;
    position: absolute;
    top: 263px;
    left: 3167px;
}


.black_denim_sketch{
    scale: 126%;
    position:absolute;
    top: 285px;
    left: 2180px;
}


.blue_denim_sketch{
    scale: 130%;
    position: absolute;
    top: 420px;
    left: 2200px;
}


.brown_leather_coat_sketch{
    position: absolute;
    scale: 150%;
    top: 268px;
    left: 2460px;
}


.ironing_board_and_water_tank{
    position: absolute;
    scale: 130%;
    top: 280px;
    left: 2000px;
}


.grey_jacket_on_rack{
    position: absolute;
    scale:130%;
    top: 1550px;
    left: 2110px;
}


.rubin_denim_on_rack{
    position: absolute;
    scale: 130%;
    top: 1573px;
    left: 2470px;
}


.tee_on_rack{
    position: absolute;
    scale: 170%;
    top: 1555px;
    left: 2820px;
}


.iron{
    position:absolute;
    scale: 150%;
    top: 635px;
    left: 2063px;
}


.sewing_machine{
    position: absolute;
    scale: 150%;
    top: 750px;
    left: 3210px;
}


.power_cords{
    position: absolute;
    scale: 150%;
    top: 631px;
    left: 2510px;
}


.cutting_table{
    position: absolute;
    scale: 110%;
    top: 1550px;
    left: 3150px;
}


.phone{
    position: absolute;
    scale: 150%;
    top: 770px;
    left: 3170px;
}
}