#container-bar{
    background: linear-gradient(to top,rgba(0, 0, 0, .3), rgba(0, 0, 0, .2)), url(../img/green.jpg) center no-repeat;
background-size: cover;

}

.top-bar {
    background: linear-gradient(to top,rgba(0, 0, 0, .3), rgba(0, 0, 0, .2)), url(../img/green.jpg) center no-repeat;
margin-top: 8rem;
padding: 4rem;
text-align: center;
background-size: cover;
}

.btn-bar{
    background: coral;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.7rem 2rem;
    margin-right: 1rem;
    margin-left: 1rem;
    font-size: 1.3rem;


}
.btn-bar:hover{
    opacity: 0.9;
}
.page-info{
    margin-left: 1rem;
    color: white;
}
.error {
    background: orangered;
    color: white;
    color: 1rem;
    padding: 1rem;
    z-index: 999999999999999999999999999;
}

#pdf-render {
    position: relative;
margin-left: 15%;
margin-right: 115%;
opacity: .7;
background-color: rgba(71, 255, 240, 0.137);
}


@media (max-width: 768px){
    #pdf-render {
        margin-left: -9rem;
        opacity: 0.7;
        }}

        @media (min-width: 768px){
            #pdf-render {
                margin-left: 41rem;
                opacity: 0.7;
                }}

                @media (max-width: 900px){
                    #pdf-render {
                        margin-left: 15rem;
                        opacity: 0.7;
                        }} 

                        @media (max-width: 500px){
                            #pdf-render {
                                margin-left:-12rem;
                                opacity: 0.7;
                                }}