.site-branding .lines {
    font-size: 0.5em;
    color: rgb(25, 77, 134);
    margin-bottom: 0.5em;
    width: 460px;
    text-align: center;
}

.site-branding .lines:before, .site-branding .lines:after {
    content:'';
    width:25%;
    height:2px;
    background: rgb(25, 77, 134);
    margin-top: 0.3em;
}

.site-branding .lines:before {
    float:left;
}

 .site-branding .lines:after {
    float:right;
}
.popup-box{position:absolute;border-radius:16px;background:linear-gradient(to bottom, #c9e0e0, #accad2);display:none;box-shadow:1px 1px 5px rgba(0,0,0,0.2);font-family:Arial, sans-serif;z-index:9999999;font-size:14px;}
.popup-box .close{font-size:15px;display:block;width:1.9em;height:1.8em;position:absolute;padding:2px;top:-6px;right:-6px;cursor:pointer;color:#fff;font-family:'tahoma', sans-serif;background-color:#20c2c7;-webkit-border-radius:20%;-moz-border-radius:20%;-o-border-radius:20%;-ms-border-radius:20%;border-radius:20%;text-align:center;box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.5);}
.popup-box .close:hover{background-color:#01586f;}
.popup-box .bottom{padding:20px;}
#blackout{background:rgba(0,0,0,0.3);position:absolute;top:0;overflow:hidden;z-index:9999;right:0;display:none;width:100%;}
@media screen and ( min-width: 360px ) {
    .site-branding .lines {
    width: 310px;
    }
    
    .site-branding .lines:before, .site-branding .lines:after {
    width:20%;
    }
}


@media screen and ( min-width: 480px ) {
    .site-branding .lines {
    width: 460px;
    }
    
    .site-branding .lines:before, .site-branding .lines:after {
    width:25%;
    }
    
}