*{
  padding: 0;
  margin: 0;
}
body{
  background: url(../images/fondo1.jpg);
  width: 100%;
  margin: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
header{
  background-color: #24365F;
  padding: .03%;
  color: #FFF;
}
.header-img{
  padding-top: 4%;
}
.fondo-1-header{
  background: #BC2132;
  padding: 1%;
  position: relative;
  z-index: 3;
  height: 125%;
  text-align: center;
  width: 118%;

}
.header-img-derecha{
  text-align: right;
  width: 50%;
  padding-top: 2%;
}
header h1{
  font-size: 170%;
}
.header-img-cel{
  width: 70%;
}
.avatar-login{
  width: 10%;
}
footer{
  background: #6D6F71;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5px;
}
.img-pos-1{
  text-align: left;
}
.img-f1{
  width: 25%;
  margin-left: 6%;
}
.img-pos-2{
  text-align: center;
}
.img-f2{
  width: 120%;
}
.img-pos-3{
  text-align: right;
  margin-right: 6%;
}
.img-f3{
  width: 45%; 
}
@media screen and (min-width: 768px) {
  .cel-sp{
    display: none
  }

}
@media screen and (max-width: 769px) {
  .fondo-1-header{
    display: none;
  }
  .header-img-derecha{
  text-align: center;
  }
   header h1{
  display: none;
  }
  .der-img{
    display: none;
  }
  .avatar-login{
      width: 50%
  }
  .header-img-cel{
      display: none;
  }
  .img-pos-1{
  display: none;
  }
  .img-pos-3{
    display: none;
  }
  footer{
  background: #6D6F71;
  text-align: center;
  position: static;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5px;
}