.error {color: red; font-weight: bold;}
.clearfix {clear: both;}

.pub-container{
    padding: 0.5em 0.5em 1em 0.5em;
    background: rgba(0,0,0,0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

@media(max-width:767px){
    .pub-container{
        width: 60%;
        height: 20%;
        position: absolute;
        bottom: 15px;
        right: 0.5em;
    }
}
@media(min-width:768px){
    .pub-container{
        width: 20%;
        height: 90%;
        position: absolute;
        top: 65px;
        right: 0.5em;
    }

    .pub-subcontainer{
        height: 50%;
    }
}
@media(min-width:992px){
    .pub-container{
        width: 20%;
        height: 90%;
        position: absolute;
        top: 65px;
        right: 0.5em;
    }

    .pub-subcontainer{
        height: 50%;
    }
}
@media(min-width:1200px){
    .pub-container{
        width: 20%;
        height: 90%;
        position: absolute;
        top: 65px;
        right: 0.5em;
    }

    .pub-subcontainer{
        height: 50%;
    }
}