html, body, container{
    width:1100px;
    height:900px;
}
h1{
    text-align: center;
}
#group1, #group2, #legendDiv{
    width:100%;
}
/* #group1, #group2{
    height: 30%;
} */

#div1, #div2{
    width:40%;
    float:left;
}

#div3, #div4{
    width:60%;
    float:left;
}

#div1:after, #div2:after, #div3:after, #div4:after{
    clear:both
}


#graph1,#graph3{
    width: 100%;
    height: 300px;
}


#graph2,#graph4{
    width: 100%;
    height: 500px;
}


#x-axis-select3, #x-axis-select4{
    width: 50%;
    height: 10%;
}

#keep1, #keep2, #keep3, #keep4, #remove1, #remove2, #remove3, #remove4{
    visibility: hidden;
}