@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300|Oswald');
.form-signin{
   
    border:1px solid #218838;
}
body{
    background:#ECECEC;
    font-family: "Open Sans", sans-serif;
}
input{
    margin-bottom:4px;
}
h1.mt-5{
    font-family: 'Oswald', sans-serif;
    background:url("images/top-pane.png") bottom right no-repeat;
    font-size:40px;
}
#container{
    background: url("images/books.jpg") no-repeat;
}
.container-fluid .row .col a:hover{
    text-decoration:none;
}
.container-fluid .row .col a .card:hover{
    border:#FAE626 1px solid;
}
@media only screen and (min-width: 482px) and (max-width: 769px){
    .container-fluid .row .col{
        padding:10px;
    }
}

@media only screen and (max-width: 481px)
{
    header .row .col a{ display:block; width:60%; margin:0 auto !important;}
    header .row .col h1{font-size:19px; margin-top:0px !important;}
    .container-fluid .row .col{
        padding:10px 35px;
        width:100% !important;
    }
    .container-fluid .row .col a .card{
        width:100%;
    }
}