/*
#d8d9d1
*/

@font-face {
    font-family: "Gill Sans Light";
    src: url("/assets/fonts/Gill-Sans-Light.otf") format("opentype"), ;
}

@font-face {
    font-family: "Trajan Pro";
    src: url("/assets/fonts/TrajanPro-Regular.otf") format("opentype");
}

body {
    font-family: "Gill Sans Light";
}

h1,
h2,
h3 {
    font-family: "Trajan Pro";
}

.title h2 {
    font-size: 1.4rem;
}

.bg-1 {
    background-color: #d8d9d1;
}

.bg-2 {
    background-color: #565452;
}

.hfix {
    height: 45vh;
}

.color-1 {
    color: #565452;
}

.superpuesto {
    margin-top: -15vh;
}

.superpuesto h2 {
    font-size: 1.4rem;
}

.amanha,
.harmonia,
h2 {
    font-size: 1.4rem;
}

.amanha,
.harmonia,
p {
    font-size: 1.2rem;
}

.bullet {
    padding-left: 1.2rem !important;
}

label {
    font-size: 1.2rem;
    color: white;
    font-family: "Gill Sans Light";
}

.form-select {
    font-size: 1rem;
}

.btn-lg {
    font-family: "Trajan Pro";
    background-color: #ffffff !important;
    color: #565452 !important;
    font-size: 1.2rem;
    line-height: 1.8;
}
/* gracias y felicidades */
.gracias-p {
    font-size: 1.2rem;
}

.gracias-fix {
    height: 60vh;
}

.superpuesto-g {
    margin-top: -15vh;
    height: 35vh;
}

.asesoria h2 {
    font-size: 1.4rem;
}

.asesoria label {
    font-size: 1.2rem;
    color: #565452;
    font-family: "Gill Sans Light";
}

#asesoria .btn-lg {
    font-family: "Trajan Pro";
    background-color: #565452 !important;
    color: white !important;
    font-size: 1.2rem;
    line-height: 1.8;
}

.felicidades h2 {
    font-size: 1.2rem;
}

#whats-e .btn-lg {
    font-family: "Gill Sans Light";
    background-color: #565452 !important;
    color: white !important;
    font-size: 1.4rem;
    line-height: 1.8;
}

/* ## XS Small devices (phones, 380px and up) ## */
@media (min-width: 380px) {
  .title h2 {
        font-size: 1.6rem;
    }

    .hfix {
        height: 40vh;
    }

    .superpuesto {
        margin-top: -14vh;
    }

    .superpuesto h2 {
        font-size: 1.6rem;
    }

    .amanha,
    .harmonia,
    h2 {
        font-size: 1.6rem;
    }

    .amanha,
    .harmonia,
    p {
        font-size: 1.4rem;
    }

    .bullet {
        padding-left: 1rem !important;
    }

    label {
        font-size: 1.4rem;

    }

    .form-select {
        font-size: 1.2rem;
    }

    .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .btn-lg:hover {
        border-color: white !important;
        border-width: 3px !important;
    }
    /* gracias y felicidades */
    .gracias-p {
        font-size: 1.6rem;
    }

    .gracias-fix {
        height: 55vh;
    }

    .superpuesto-g {
        margin-top: -12vh;
        height: 28vh;
    }

    .asesoria h2 {
        font-size: 1.6rem;
    }

    .asesoria label {
        font-size: 1.4rem;
    }

    #asesoria .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #asesoria .btn-lg:hover {
        border-width: 3px !important;
    }

    .felicidades h2 {
        font-size: 1.6rem;
    }

    #whats-e .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #whats-e .btn-lg:hover {
        border-width: 3px !important;

    }
}

/* ## Small devices (landscape phones, 576px and up) ## */
@media (min-width: 576px) {
  .title h2 {
        font-size: 2rem;
    }

    .hfix {
        height: 85vh;
    }

    .superpuesto {
        margin-top: -20vh;
    }

    .superpuesto h2 {
        font-size: 2rem;
    }

    .amanha,
    .harmonia,
    h2 {
        font-size: 2rem;
    }

    .amanha,
    .harmonia,
    p {
        font-size: 1.8rem;
    }

    .bullet {
        padding-left: 1.2rem !important;
    }

    label {
        font-size: 1.4rem;

    }

    .form-select {
        font-size: 1.2rem;
    }

    .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .btn-lg:hover {
        border-color: white !important;
        border-width: 3px !important;
    }
    /* gracias y felicidades */
    .gracias-p {
        font-size: 2rem;
    }

    .gracias-fix {
        height: 100vh;
    }

    .superpuesto-g {
        margin-top: -8vh;
        height: 100vh;
    }

    .asesoria h2 {
        font-size: 2rem;
    }

    .asesoria label {
        font-size: 1.8rem;
    }

    #asesoria .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #asesoria .btn-lg:hover {
        border-width: 3px !important;
    }

    .felicidades h2 {
        font-size: 2rem;
    }

    #whats-e .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #whats-e .btn-lg:hover {
        border-width: 3px !important;

    }
}

/* ## Medium devices (tablets, 768px and up) ## */
@media (min-width: 768px) {
  .title h2 {
        font-size: 2rem;
    }

    .hfix {
        height: 20vh;
    }

    .superpuesto {
        margin-top: -5vh;
    }

    .superpuesto h2 {
        font-size: 2rem;
    }

    .amanha,
    .harmonia,
    h2 {
        font-size: 2rem;
    }

    .amanha,
    .harmonia,
    p {
        font-size: 1.6rem;
    }

    .bullet {
        padding-left: 4rem !important;
    }

    label {
        font-size: 1.4rem;

    }

    .form-select {
        font-size: 1.2rem;
    }

    .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .btn-lg:hover {
        border-color: white !important;
        border-width: 3px !important;
    }
    /* gracias y felicidades */
    .gracias h2 {
        font-size: 1.6rem;
    }
    .gracias-p {
        font-size: 1.2rem;
    }

    .gracias-fix {
        height: 30vh;
    }

    .superpuesto-g {
        margin-top: -8vh;
        height: 40vh;
    }

    .asesoria h2 {
        font-size: 1.6rem;
    }

    .asesoria label {
        font-size: 1.2rem;
    }

    #asesoria .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #asesoria .btn-lg:hover {
        border-width: 3px !important;
    }

    .felicidades h2 {
        font-size: 2rem;
    }

    #whats-e .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #whats-e .btn-lg:hover {
        border-width: 3px !important;

    }
}

/* ## Large devices (desktops, 992px and up) ## */
@media (min-width: 992px) {
  .title h2 {
        font-size: 2rem;
    }

    .hfix {
        height: 20vh;
    }

    .superpuesto {
        margin-top: -5vh;
    }

    .superpuesto h2 {
        font-size: 2rem;
    }

    .amanha,
    .harmonia,
    h2 {
        font-size: 2rem;
    }

    .amanha,
    .harmonia,
    p {
        font-size: 1.6rem;
    }

    .bullet {
        padding-left: 4rem !important;
    }

    label {
        font-size: 1.4rem;

    }

    .form-select {
        font-size: 1.2rem;
    }

    .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .btn-lg:hover {
        border-color: white !important;
        border-width: 3px !important;
    }
    /* gracias y felicidades */
    .gracias h2 {
        font-size: 1.6rem;
    }
    .gracias-p {
        font-size: 1.2rem;
    }

    .gracias-fix {
        height: 30vh;
    }

    .superpuesto-g {
        margin-top: -8vh;
        height: 40vh;
    }

    .asesoria h2 {
        font-size: 1.6rem;
    }

    .asesoria label {
        font-size: 1.2rem;
    }

    #asesoria .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #asesoria .btn-lg:hover {
        border-width: 3px !important;
    }

    .felicidades h2 {
        font-size: 2rem;
    }

    #whats-e .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #whats-e .btn-lg:hover {
        border-width: 3px !important;

    }
}

/* ## X-Large devices (large desktops, 1200px and up) ## */
@media (min-width: 1200px) {
  .title h2 {
        font-size: 3rem;
    }

    .hfix {
        height: 50vh;
    }

    .superpuesto {
        margin-top: -20vh;
    }

    .superpuesto h2 {
        font-size: 4rem;
    }

    .amanha,
    .harmonia,
    h2 {
        font-size: 4rem;
    }

    .amanha,
    .harmonia,
    p {
        font-size: 2.6rem;
    }

    .bullet {
        padding-left: 7rem !important;
    }

    label {
        font-size: 1.8rem;

    }

    .form-select {
        font-size: 1.4rem;
    }

    .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .btn-lg:hover {
        border-color: white !important;
        border-width: 3px !important;
    }
    /* gracias y felicidades */
    .gracias-fix h2 {
        font-size: 2.6rem;
    }
    .gracias-p {
        font-size: 2rem;
    }

    .gracias-fix {
        height: 100vh;
    }

    .superpuesto-g {
        margin-top: -45vh;
        height: 80vh;
    }

    .asesoria h2 {
        font-size: 2.6rem;
    }

    .asesoria label {
        font-size: 1.8rem;
    }

    #asesoria .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #asesoria .btn-lg:hover {
        border-width: 3px !important;
    }

    .felicidades h2 {
        font-size: 2rem;
    }

    #whats-e .btn-lg {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    #whats-e .btn-lg:hover {
        border-width: 3px !important;

    }
}

/* ## XX-Large devices (larger desktops, 1400px and up) ## */
@media (min-width: 1400px) {
    .title h2 {
        font-size: 3.5rem;
    }

    .hfix {
        height: 45vh;
    }

    .superpuesto {
        margin-top: -12vh;
    }

    .superpuesto h2 {
        font-size: 4rem;
    }

    .amanha,
    .harmonia,
    h2 {
        font-size: 4rem;
    }

    .amanha,
    .harmonia,
    p {
        font-size: 3rem;
    }

    .bullet {
        padding-left: 8rem !important;
    }

    label {
        font-size: 1.8rem;

    }

    .form-select {
        font-size: 1.4rem;
    }

    .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .btn-lg:hover {
        border-color: white !important;
        border-width: 3px !important;
    }
    /* gracias y felicidades */
    .gracias-p {
        font-size: 2rem;
    }

    .gracias-fix {
        height: 80vh;
    }

    .superpuesto-g {
        margin-top: -20vh;
        height: 100vh;
    }

    .asesoria h2 {
        font-size: 3rem;
    }

    .asesoria label {
        font-size: 1.8rem;
    }

    #asesoria .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #asesoria .btn-lg:hover {
        border-width: 3px !important;
    }

    .felicidades h2 {
        font-size: 5rem;
    }

    #whats-e .btn-lg {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    #whats-e .btn-lg:hover {
        border-width: 3px !important;

    }
}