.dori_img 
{
  border: 1px solid black;
  width: 450px;
  height: 300px;
}

#footer_icons 
{
    width: 190px;
    margin: auto;
    padding-top: 20px;
}

.tooltip_footer 
{
    position: relative;
    display: inline-block;
}

.tooltip_footer .tooltiptext 
{
    visibility: hidden;
    width: auto;  /*120px;*/
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 110%;       
}

.tooltip_footer:hover .tooltiptext 
{
    visibility: visible;
}

#facebook_footer
{
  background: url('../images/facebook_icon_header.png') no-repeat;
  width: 70px;
  height: 45px;
  float: left;
  padding-right: 40px;
  padding-top: 20px;
}

#facebook_footer:hover
{
  background:url('../images/facebook_icon_header_hover.png') no-repeat;
  width: 70px;
  float:left;
  padding-right: 40px;
  padding-top: 20px;
}

#mail_footer
{
  background:url('../images/mail_icon_header.png') no-repeat;
  width: 70px;
  height: 45px;
  float:left;
  padding-right: 40px;
  padding-top: 20px;
}

#mail_footer:hover
{
  background:url('../images/mail_icon_header_hover.png') no-repeat;
  width: 70px;
  float:left;
  padding-right: 40px;
  padding-top: 20px;
}

#phone_footer
{
  background:url('../images/phone_icon_header.png') no-repeat;
  width: 50px;
  height: 45px;
  float:left;
  padding-top: 20px;
}

#phone_footer:hover
{
  background:url('../images/phone_icon_header_hover.png') no-repeat;
  width: 50px;
  float:left;
  padding-top: 20px;
}

.footer-copyright
{
  font-size: 1.2em;
  color: white;
}

@media screen and (max-width: 640px) 
{
  .dori_img
  {
    width: 330px;
    height: 220px;
  }
}