html,body{width:100%;height:100%;position:relative;overflow:hidden;margin:0;padding:0;
background-image: url("../img/fons-tuatara.jpg");
background-size: cover;
background-position: center center;
}

.outer {
    margin:0;padding:0;
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: /*whatever width you want*/;
}

#logo_tuat{width:400px;display:block;margin:0 auto;}

.tel{position:relative;overflow:hidden;clear:both;width:376px;margin:0 auto;margin-top:20px;font-size:17px;font-family: 'Lato', sans-serif;}
.tel span{float:right;margin-right:38px;color:#000;font-weight:700;}
.tel span a{text-decoration:none;color:#D11818;}
.tel span a:hover{text-decoration:underline;}
.tel span.last{margin-right:22%;text-align:center;font-size:23px;margin-bottom:10%;}

#logos{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;height: 200px;justify-content: space-around;align-items: center !important;}
#logos a{z-index: 1000;position: relative;}
#logos img{height:120px;display: block;}
#basis{height: 150px !important;}
#entornweb{height:200px !important;}
#interausa{height:80px !important;}

@media (max-width: 600px) {
  #logo_basis {
    width:200px;
    padding-top:50px;
  }
  .tel{width:100%;text-align:center;}
  .tel span{display:block;margin:0;float:none;}
  
  .middle{display: block;vertical-align: top;}

  #logos{display: block;height: auto;padding-bottom: 50px;}
  #logos img{display: block;margin:0 auto;max-height: 60px;}
  #entornweb{max-height: 140px !important;}
  
  
}