body
{
    background-color: rgb(230, 230, 230);
    font-family: 'Cairo';
    font-size:17px ;
}
.logo
{
    position: absolute;
    right: 10%; 
}
 form
{
    border: 1px solid rgb(230, 230, 230);
    box-shadow: 0 5px 5px 5px rgb(214, 213, 213);
    width: 100%;
    padding: 50px;
}
.imag
{
    background-color: red;
    width : 150px;
}
h1
{
    color: rgb(147,30,33);
}
.row
{
    margin: 0px;
}
.fg
{
    display:flex;
}
.fg label
{
    width: 25%;
}
.fg input ,.fg select
{
    width: 75%;
}
.btn
{
    background-color: rgb(147,30,33);
    color: white;
}
.btn:hover
{
background-color: rgb(230, 230, 230);
color: rgb(147,30,33);
outline: 1px solid rgb(147,30,33) ;

}
/* footer */
.foot-link:link ,.foot-link:hover ,.foot-link:visited,.foot-link:active
{
    color: grey;
    text-decoration: none;
}
.branchs:link ,.branchs:hover ,.branchs:visited,.branchs:active
{
    text-decoration: none;
}
.foot
{
    padding-top: 60px;
}
.so a:link ,.so a:hover ,.so a:visited,.so a:active
{
    text-decoration: none;
}

@media only screen and (max-width:900px) 
{
    form
        {
            width: 100%;
            padding: 3px;
        }
    .row
    {
        margin: 20px auto;
    }
    .foot
    {
        padding-top: 0px;
    }
}