/* -------------------- Attach dedicated CSS for various viewports --------------------- */



.view_container {   
    width: 9.5in;
    height: 6in;
}


.my_Watermark {
    opacity: 0.05;
    position: fixed;
    transform: translate(-50%, -55%);
}

.leftbox {
    float: left;
    width: 12.5%;
    height: 2in;
    margin: 0.02in;
}

.middlebox {
    float: left;
    width: 75%;
    height: 2in;
    background: blue;
}

.rightbox {
    float: right;
    width: 12.5%;
    height: 2in;
    margin: 0.02in;
}