body {
    font-family: 'Open Sans', sans-serif;
}

#branchOverlay {
    position: absolute; 
    top: 0px; 
    left: 0px;
    background-color: rgba(0,0,0,  0.6);
    width: 100%;
    height: 367px;
    /*padding: 10px 0;*/
    z-index: 1;
    text-align:center;
    color:#fff;
    opacity:0.9;
}

#branchOverlay h2 {
      margin:25px 0px 15px 0px;
      font-size:25px;
      font-weight:bolder;
}

#branchOverlayText {
   top:40%;
   position:absolute;
   color:#fff;
   left:50%;
   transform:translate(-50%, -50%);
   font-size:30px;
   font-weight:bold;
}

#branchOverlayText .glyphicon-ok-circle {
    top:5px;  
}

#branchBtn {
    /*position: absolute; 
    top: 355px; 
    left: 10px;*/
    top:60%;
    position:absolute;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    left:50%;
    transform:translate(-50%,-50%);
    width:60%;
}  

#branchCloseBtn {
    /*position: absolute;*/ 
    vertical-align: middle;
    /*top: 20px; 
    right: 20px;*/
    width: 40px;
    height: 40px;
    z-index: 2;
    cursor:pointer;
    margin-top:25px;
}

#branchCloseBtn .glyphicon-remove-circle {
    font-size:25px;
}