html, body {
                background-image: url('../images/fondo3.png');
               /* background-color: #fff;*/
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 200;
                /*width: 100%;*/
                height: 100vh;
                margin: 0;
                background-size: cover;
                background-repeat: no-repeat;
                position: relative;

            }


            .full-height {
                height: 100vh;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .top-right {
                position: absolute;
                right: 10px;
                top: 18px;
            }

            .content {
                text-align: center;
            }

            .title {
                font-size: 84px;
            }

            .links > a {
                color: #636b6f;
                padding: 0 25px;
                font-size: 13px;
                font-weight: 600;
                letter-spacing: .1rem;
                text-decoration: none;
                text-transform: uppercase;
            }

            .m-b-md {
                margin-bottom: 30px;
            }




 





 @media screen and (min-width: 721px) and (max-width: 1050px) {


     .item-list {

        color: green;
        font-weight: bolder;
        font-size: 12px;
        text-align: center;

    }

    .item-list:hover {
        color: #F3A841;
    }

    .tama-img {
        width: 60%;
    }

    .letra-tam{
        font-size: 11px;
    }

      .icon-ancho {
        font-size: 35px;
    }

    .boton-fondo {
        background: #19C13A !important;
        

    }



     .boton {
    
    border: 1px solid #19C13A; /*anchura, estilo y color borde*/
    padding: 6px; /*espacio alrededor texto*/
    background-color: #19C13A; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    font-size: 10px;
}

.boton:hover {
     border: 1px solid #F9A740; /*anchura, estilo y color borde*/
     padding: 6px; /*espacio al#F9A740edor texto*/
     background-color: #F9A740; /*color botón*/
     color: white;
}

 .boton-new {
    
    border: 1px solid #19C13A; /*anchura, estilo y color borde*/
    padding: 5px; /*espacio alrededor texto*/
    background-color: #19C13A; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    font-size: 12px;
}

.boton-new:hover {
     border: 1px solid #F9A740; /*anchura, estilo y color borde*/
     padding: 5px; /*espacio al#F9A740edor texto*/
     background-color: #F9A740; /*color botón*/
     color: white;
}
    
   
 .mtop-main {
        margin-top: 40%;
    }




 }






 /*@media (min-width: 720px){*/
 @media (min-width: 1050px){

    .item-list {

        color: green;
        font-weight: bolder;
        font-size: 18px;
        text-align: center;

    }

    .item-list:hover {
        color: #F3A841;
    }

    .tama-img {
        width: 60%;
    }

    .letra-tam{
        font-size: 17px;
    }

    .icon-ancho {
        font-size: 45px;
    }

    .texto-btn {
        font-weight: bolder;
    }

    .mtop-main {
        margin-top: 10%;
    }

  /*  .boton-fondo {
        background: #19C13A !important;


    }*/

/*----------------*/

.boton {
    
    border: 1px solid #19C13A; /*anchura, estilo y color borde*/
    padding: 6px; /*espacio alrededor texto*/
    background-color: #19C13A; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    font-size: 16px;
}

.boton:hover {
     border: 1px solid #F9A740; /*anchura, estilo y color borde*/
     padding: 6px; /*espacio al#F9A740edor texto*/
     background-color: #F9A740; /*color botón*/
     color: white;
}


   .boton-new {
    
    border: 1px solid #F9A740; /*anchura, estilo y color borde*/
    padding: 12px; /*espacio alrededor texto*/
    background-color: #F9A740; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    font-size: 19px;
}

.boton-new:hover {
     border: 1px solid #19C13A; /*anchura, estilo y color borde*/
     padding: 12px; /*espacio al#F9A740edor texto*/
     background-color: #19C13A; /*color botón*/
     color: white;
}
                
 


}



 @media (max-width: 720px){


    body {
        background-image: url('../images/fondomovil.png');
        background-size: cover;
        background-repeat: no-repeat;
        /*position: relative;*/
    }

    .item-list {

        color: green;
        font-weight: bolder;
        font-size: 12px;
        text-align: center;

    }

    .item-list:hover {
        color: #F3A841;
    }

    .tama-img {
        width: 80%;
        margin-top: 10%;
        margin-left: 10%;
    }

     .letra-tam{
        font-size: 12px;
    }

    .icon-ancho {
        font-size: 25px;
    }

    .boton-fondo {
        background: #19C13A !important;
        

    }

    .boton-fondo:hover {
        background: #F8B663 !important;
    }


    /*-----------------*/
    .boton {
    
    border: 1px solid #19C13A; /*anchura, estilo y color borde*/
    padding: 3px; /*espacio alrededor texto*/
    background-color: #19C13A; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    font-size: 11px;
}

.boton:hover {
     border: 1px solid #F9A740; /*anchura, estilo y color borde*/
     padding: 6px; /*espacio al#F9A740edor texto*/
     background-color: #F9A740; /*color botón*/
     color: white;
}


 .boton-new {
    
    border: 1px solid #F9A740; /*anchura, estilo y color borde #19C13A */
    padding: 7px; /*espacio alrededor texto*/
    background-color: #F9A740; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    font-size: 14px;
}

.boton-new:hover {
     border: 1px solid #F9A740; /*anchura, estilo y color borde*/
     padding: 5px; /*espacio al#F9A740edor texto*/
     background-color: #F9A740; /*color botón*/
     color: white;
}


.mtop-main {
        margin-top: 15%;
    }


}


.row-space {


    margin-top: 5%;

}

.row-space-min {


    margin-top: 2%;

}

.b-color {
    color: #878B88;
}