.layout-branches{
    position: relative;
}

.layout-branches-href-position{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}
.layout-branches-href{
  
    width: 100%;
    height: 100%;

}

.layout-branches-href-1-0{

    display: block;
    /* background: red; */
    height: 43%;
    width: 250px;
}
.layout-branches-href-1-1{
    display: block;
    left: 331px;
    height: 101px;
    width: 178px;
    top: calc(100% - 133px);
}

.layout-branches-href-2-0{
    display: block;
    /* background: yellow; */
    height: 412px;
    width: 200px;
    left: 258px;
}

.layout-branches-href-2-1{
    display: block;
    /* background: blue; */
    height: 100px;
    width: 116px;
    left: 455px;
    top: calc(100% - 251px);
}

.layout-branches-href-2-2{
    display: block;
    /* background: lawngreen; */
    height: 100px;
    width: 116px;
    left: 588px;
    top: calc(100% - 133px);
}



.layout-branches-href-2-3{

    display: block;
    /* background: saddlebrown; */
    height: 100px;
    width: 116px;
    top: 37px;
    left: calc(100% - 313px);

}


.layout-branches-href-3-0{
    display: block;
    /* background: aqua; */
    height: 1000%;
    width: 183px;
    left: calc(100% - 183px);
    top: 0;
}

.layout-branches-href-3-1{
    display: block;
    /* background: salmon; */
    height: 256px;
    width: 248px;
    left: calc(100% - 479px);
    top: 266px;
}

.layout-branches-href-4-0{
    display: block;
    /* background: chocolate; */
    height: 196px;
    width: 116px;
    top: 59px;
    left: calc(100% - 437px);
}