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


#viewingOverlay {
    position: relative; 
    top: 0px; 
    left:0px;
    background-color: #8b8c8d;
    padding: 15px 0px 0px 0px;
    width: 100%;
    height: 135px;
    z-index: 1;
    text-align:center;
    color:#fff;
    opacity:0.9;
}


#viewingOverlay h2 {
      margin:5px 0px 30px 0px;
      font-size:25px;
      font-weight:600;
}

/*
#viewingOverlayText {

    color: #FFF; 
    text-align: center;
    padding: 0 16px;
    margin: 20px 0px 30px 0px;
    font-size: 16px;
    text-shadow: 2px 2px #000000;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 40px;
}*/

#viewingName {
    /*left: 10px;*/
    text-align:center;
    vertical-align: middle;
    width:100%;
    height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    font-style: normal;
    z-index: 2;
    margin:auto;
}

#viewingEmail {
    /*left: 10px;*/
    text-align:center;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    font-style: normal;
    z-index: 2;
    margin:auto;
}

#viewingNumber {
    /*left: 10px;*/
    text-align:center;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    font-style: normal;
    z-index: 2;
    margin:auto;
}

#viewingBtn {
    /*position: absolute; 
    top: 355px; 
    left: 10px;*/
    vertical-align: middle;
    width: 100%;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    z-index: 2;
}

.overlay-width {
    width:75%;
    margin:auto;
    float:none;
}