
footer{
  color: white;
  background-color: #0093b1; 
  text-align: center;
  line-height: 30px;
  font-size: 0.8em;
  text-decoration : none;
  /*! height: 30px; */
  bottom: 0px;
  left: 0px;
  /*! position: absolute; */
  margin-top: 20px;
}

footer .info-container{
  background-color: #a7abb7;
  min-height: 220px;
  padding-left: 10vw;
}

footer .info-box{
  float: left;
  width: calc(20vw);
  height: 180px;
  margin: 20px 0px;
  text-align: left;
  line-height: 20px;
  padding: 0px 0px;
}

footer .ico-social{
  margin: 0 auto;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background-color: white;
  background-image: url(../images/facebook.svg);
}

.logo-white{
  display: unset;
  background-image: url('../images/logo-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 18vw;
  height: 200px;
  z-index: 10;
  cursor: pointer;
  float: left;
  background-size: contain;
}

footer a{
  cursor: pointer;
}

.space bold{
  line-height: 34px;
}

.space2 bold{
  line-height: 27px;
}

bold{
  cursor: pointer;
}


a:link {
  color: white;
}

a:visited {
  color: white;
}

a:hover { 
  color: white;
}

a:active { 
  color: white;
} 


.contatto a:link{
  color: #707172;
}

.contatto a:visited{
  color: #707172;
}

.contatto a:hover{
  color: #707172;
}

.contatto a:active{
  color: #707172;
}


@media screen and (max-width: 950px){
    footer .info-box{
    float: unset;
    width: 80vw;
    height: unset;
    margin: unset;
    padding: 20px 0px !important;
    text-align: center;
  }

  .logo-white{
   width: 80vw;
   height: 130px;
   background-size: 70%; 
   margin-bottom: 20px;
  }

  .b-left{
    border-top: 1px solid white;
    border-left: unset;
  }
}



