body{
    background-image: url('../images/loginBackground.gif');
    background-size: cover;
    background-repeat: no-repeat;
}
#retrieve_box{
    margin: 10px;
}
.retrieve_box1{
    height: 330px;
    /* padding-top: 100px; */
    /* margin-top: 100px; */
    background-color: #ffffff;
    box-shadow: 1px 1px 10px 0px #888888;
    /* margin: 10px; */
    padding: 20px;
}
.retrieve_box3 a{
    text-align: center;
    height: 32px;
    display: block;
    background-color: red;
    color: white;
    text-decoration:none;
    padding-top: 6px;
    border-radius: 2px;
    
}
.retrieve_box3 a:hover{
    opacity: 0.75;
}
.retrieve_box1 label{
    padding-top: 8px;
    color: rgb(169, 167, 167);
}
.retrieve_box4{
    text-align: center;
    margin-top: 36px;
}
.retrieve_box4 a{
    text-align: center;
    height: 32px;
    display: block;
    background-color: red;
    color: white;
    padding-top: 6px;
    text-decoration:none;
    border-radius: 2px;
}
.retrieve_box4 a:hover{
    opacity: 0.75;
}
.retrieve_box2 ,.retrieve_box3, .retrieve_box2, .retrieve_box2{

    margin-top:10px
    
}
@media screen and (max-width : 786px){
    .retrieve_box1{
        padding: 10px;
    }
}