<style>
body {
     }
#container  {margin-left:10px; margin-right:10px; margin-top:10px;}

.topnav {
  overflow: hidden;
  background-color: #333;
}

#client_user    {float:left;width:50%; background-image:url('.../img/home_bga.jpg'); background-size:cover; background-repeat:no-repeat; font-family:Tahoma; font-size:18px; color:yellow; color:lightgrey; font-weight:bold;}

#client_user h2, #job_seeker h2 {font-family:Arial Black; font-weight:bold; color:red;}

#btn_client, #btn_seeker    {width:50%;}

#job_seeker     {float:right; width:50%;  background-image:url('.../img/home_bg.jpg'); background-size:cover; background-repeat:no-repeat; font-weight:bold;}
#membership         {float:right;}
#profile            {width:100%;overflow:hidden;}

  #client_user, #job_seeker   {width:100%;}
  #btn_client, #btn_seeker    {width:100%}
  #first_pic                    {width:100%;}
  #profile                      {width:100%;}

@media screen and (max-width: 600px) {
   .art-header-jpeg, .art-logo, .art-header-clip , .art-header   {width:100%;}                             
                        
}
</style>