/*
let me google that for you (many ways to skin this cat)
http://stackoverflow.com/questions/10209704/set-google-maps-container-div-width-and-height-100 (implemented here)
http://stackoverflow.com/questions/2821596/100-height-with-fixed-footer-and-embedded-google-map
*/

body, html {
    height: 100%;
    width: 100%;
}
.angular-google-map-container {
    height: 100%;
    width: 50%;
    position: absolute;
}

.middle {
    display: table;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/*
Use bootstraps container w/ some overrides, nice thing about this on bootstrap is there is
psuedo element with clearfix and display: table; , all after (which is why I know .middle works above)
*/
.container{
    width: 50%;
    padding-left: 0;
    padding-right: 0;
}