.fondo{
    background-image: url("../img/gym.jpg");
    width: 100%;
    height: 100vh;
    background-position: center center;
}
.fondo1{
    background-image: url("../img/principal-bg.jpg");
    width: 100%;
    height: 100vh;
    background-position: center center;
}
.fondo2{

    background-image: url("../img/gyminicio.jpg");
    width: 100%;
    height: 100vh;
    background-position: center center;
}
.fondo3{

    background-image: url("../img/fondomenu.jpg");
    width: 100%;
    height: 100vh;
    background-position: center center;
}

.usuario{
    background-image: url("../img/user.png");
    width:23%;
    height: 10vh;
}


label{
    color: #ffffff;
}

.top-left{
    margin-top: 10%;
}

h4{
   margin-left: 30%;
    font-size: 40px;
    color: #ffffff;
}

header.fondo
.intro-text {
    padding-top: 160px;
    padding-bottom: 100px;
}
.intro-lead-in {
    font-size: 45px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 25px;
    @include serif-font;
    color: #ffffff;
    padding-top: 15%;
    margin-left: 30px;
}
.intro-heading {
    font-size: 85px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
@include heading-font;
    color: #ffffff;
    margin-left: 40px;

}
.inputtamaño{
    width: 45%;
    margin-left: 27%;

}
.inputtamaño2{
    width: 40%;
    margin-left: 60%;
}
.inputtamaño3{
    width: 40%;
  margin-left: 10%;
}
.label8{
    mso-space-above: yes;
    color: black ;
    margin-left: 70%;


}
.inputtamaño8{
    width: 40%;
    margin-left: 70%;
}


.labeltamaño{
    width: 20%;
    margin-left: 28%;

}
.labeltamañodir1{
    width: 50%;
    margin-left: 28%;

}

.margentitulo{

}


.div{
    color: black;
}

.label2{
    color: black;
    margin-left: 10%;
    margin-top: 70% ;
}
.label6{
    color: black;
    margin-left: 10%;
}


.boton2 {
    margin-left: 45%;
}



.boton {
    margin-left: 42%;
}

.botonrestablecer{
    margin-left: 26%;
}

.logopuma{
    background-image: url("../img/puma.png");
    width: 33%;
    height: 85vh;
    margin-left: 65%;
    padding-top: 10%;
    background-position: left;
}
.pumalogo{
    background-image: url("../img/puma.png");
    width: 30%;
    height: 85vh;
    background-position: center;
}

.textoprincipal{
    margin-right: 400%;
}

.top {
    margin-top: 5%;
}
.margeneditar{
    margin-left: 10%;
}

 .h{
     margin-top: 2%;
     margin-left: -0.5%;
 }

.margenusuario{
    padding-left: 20%;
}

.margencard{
    margin-top: 2%;
    margin-bottom: 1%;
}


.h3centrado{
    text-align: center;
}


.my-6{
    width: 10%;
    height: 10%;
    margin-left: 60%;
}
.my-7{
    width: 10%;
    height: 10%;
    margin-left: 70%;

}


.form-control3{
    width: 33%;
    height: 10%;
    margin-left: 33.5%;
}

.boton3{
    margin-left: 1%;
}


.container2{
    align-items: center;
}

.my-8{
    width: 10%;
    height: 10%;

    float: right;
}


.my-4{
    width: 10%;
    height: 10%;
    margin-left: 20%;


}
.container4{
    margin-left: 10%;
}

.container8{

    height: 20%;


}
div#move{
    width: 40%;
    height: 40%;




}