@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins/Poppins-Light.ttf');
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
  }
  @font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins/Poppins-Regular.ttf');
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
  }
  @font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins/Poppins-ExtraLight.ttf');
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
  }

html{
    box-sizing: border-box;
    overflow-wrap: break-word;
    overflow-x: hidden;
}
body{
    margin: 0 auto;
    width: auto;
}
/*Centrar contenedor general*************************************************************/
main.creatura-gracias{
    /*background-color: #c9286d;*/
    margin: 0 auto;
    width: auto;
    display: flex;
    justify-content: center;
    padding: 0;
}
section.creatura-contenedor-principal-es.creatura-contenedor-gracias{
    /*background-color: #c9286d;*/
    background-color: #ffffff;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 700px;
    margin: 0 auto;
    padding: 20px;
 
}
h1.creatura-h-uno-gracias{
    font-family: 'Poppins';
    font-size: 2.4rem;
    font-weight: 300;
    padding: 0;
    margin: 0;
    color:#c9286d;
}
p.creatura-parrafo-gracias,
a.creatura-enlace-gracias{
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 1.6rem;
    text-align: center;
    color:#c9286d;
    padding: 0;
    margin: 0;
}



/*****************************************************************************************************************************
  VARIOS DISPOSITIVOS
*****************************************************************************************************************************/
/*Pantallas desde 2400px hasta 5600px***************************************/
@media (min-width: 2400px) and (max-width: 5600px){
    section.creatura-contenedor-principal-es.creatura-contenedor-gracias{
        width: 100%;
        height: 1000px; 
    }
    h1.creatura-h-uno-gracias.creatura-encabezado-principalhuno{
        font-size: 4rem;
    }
    p.creatura-parrafo-gracias{
        font-size: 2.4rem;
    }
    a.creatura-enlace-gracias {
        width: 30%;
        font-size: 2rem;
    }
}
/*Pantallas desde 1600px hasta 2400px***************************************/
@media (min-width: 1600px) and (max-width: 2400px){
    section.creatura-contenedor-principal-es.creatura-contenedor-gracias{
        width: 100%;
        height: 650px; 
    }
}

@media screen and (max-width:1200px) {
    
}

@media screen and (max-width:1024px) {
    section.creatura-contenedor-principal-es.creatura-contenedor-gracias{
        width: 100%;
        height: 100vh;
    }
    a.creatura-enlace-gracias {
        width: 30%;
    }
}

@media screen and (max-width:767px) {
    section.creatura-contenedor-principal-es.creatura-contenedor-gracias{
        width: 100%;
        height: 100vh;
        padding: 0;
    }
    h1.creatura-h-uno-gracias.creatura-encabezado-principalhuno{
        font-size: 1.8rem;
    }
    p.creatura-parrafo-gracias{
        font-size: 1.3rem;
    }
    a.creatura-enlace-gracias {
        width: 70%;
        font-size: 1.4rem;
    }

}

/*Arreglar header para 1025px************************************************/
@media (min-width: 1025px) and (max-width: 1141px){

}