@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i|Muli:300,400,600,700');
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');


html{
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
}

body{
  padding:0;
  margin:0;
  font-family: "Muli" !important;
  font-weight: 300;
}

.cabecera{
  width: 100%;
}

.cabecera img{
  position: relative;
  width: 100%;
  z-index: 1;

}

.infografia{
  position: relative;
  margin-top: calc(100% - 99.5%);
  max-width:1200px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(100% - 96.5%);
}

.footer{
  background-color: #eaeaea;
  padding-bottom: 2em;
  padding-left: 3%;
  padding-right: 3%;
  display: -webkit-box;

}

 .footer-container{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.footer1{
  /* padding-top: 0.35em; */
  width: 34%;
  display: inline-block;
  vertical-align: top;

}

.footer2{
  display: inline-block;
  vertical-align: top;
  width: 34%;
  padding-top: 1em;

}

.footer3{
  /* display: inline-block; */
  width: 30%;
  float: right;
  padding-top: 4em;
  color: rgb(136,132,132);
  font-size: 0.85em;
  padding-left: 1em;
  box-sizing: border-box;

}

.foot_logos_femp {
 display:inline-block;
 vertical-align:top;
 padding-top: 2.8em;
}

#logo_2 {
 width:80%;
 float:none;
 padding-top:0.5em;
 margin-right:auto;
 margin-left:auto;
 display:block;
}

.foot_logo {
 display:inline-block;
 width:58%;
 text-align:center;
 height: 6.56em;
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
}
.foot_logo_femp {
 display:inline-block;
 width:32%;
 text-align:center;
 height:7em;
 background-size:80%;
 background-position:center;
 background-repeat:no-repeat;
}

.footer3 a {
 color:rgb(136,132,132);
 text-decoration: none;
 font-weight: bold;
}

@media (max-width:1000px){
  .footer1, .footer2{
    width: 49%;
    vertical-align: bottom;
  }

  .footer3{
    width: 100%;
    padding-top: 2em;
  }
}

@media (max-width:600px){
  .footer1, .footer2{
    width: 100%;
    vertical-align: bottom;
  }
}