#footer
{
 display:flex;
 width:  100%;
 min-height: 100px;
 overflow: hidden;
 margin: 0px auto;
 padding: 0px 0px;
 background: linear-gradient(to top, #fff, #deeaf5);
 border-radius:12px 12px 12px 12px;
}



#footer .left
{
 display: block;
 flex-wrap:wrap;
 justify-content: space-between;
 position: relative;
 width:  150px;
 height: 120px;
 overflow: hidden;
 float: left;
 color: black;
 margin: 10px 0px 0px 0px;
 transform: scale(1.0);
 transition: .5s;
}


#footer .left:hover
{
 
 transform: scale(1.1);
 transition: .5s;
 
 
}



#footer .info
{
 position: relative;
 width:  690px;
 height: 120px;
 float: center;
 color: #1d4085;
 margin: 20px 0px 0px 0px;
 display: block;
flex-wrap:wrap;
justify-content: space-between;

 
}

#footer .info p
{
 width:  100%;
 padding: 0px 0px;
 margin: 0px 0px;
 font: normal 1.1em/1.3em Tahoma, Tahoma,sans-serif;
 color: #1d4085;
}


#footer .info a
{
 padding: 0px 0px;
 color: black;
 text-decoration: none;
}

#footer .info a:hover
{
 padding: 0px 0px;
 color: brown;
}

#footer .right
{
 position: relative;
 width:  150px;
 height: 120px;
 overflow: hidden;
 float: right;
 margin: 10px 0px 0px 0px;
 _background-color: grey;
 display: block;
 flex-wrap:wrap;
 justify-content: space-between;
 transition: .5s;
}

#footer .right:hover
{
  transform: scale(1.1);
 transition: .5s;

}



/*======================= DIV */
@media only screen and (max-width : 1100px)
{
 #footer .left
 { display: none; }




 #footer .info
 {
  position: relative;
  width:  800px;
  height: 80px;
  float: center;
  color: #1d4085;
  margin: 20px 0px 0px 0px;
  display: block;
  flex-wrap:wrap;
  justify-content: space-between;


 }

 #footer .info p
 {
  width:  100%;
  padding: 0px 0px;
  margin: 0px 0px;
  font: normal 1.1em/1.3em Tahoma, Tahoma,sans-serif;
  color: #1d4085;
 }


 #footer .info a
 {
  padding: 0px 0px;
  color: black;
  text-decoration: none;
 }

 #footer .info a:hover
 {
  padding: 0px 0px;
  color: brown;
 }

 #footer .right
 { display: none; }


}