/**************************/
/* BELOW 1400px (Smaller desktops) */
/**************************/

@media (min-width: 90.5em) {

    .main-nav-link:link,
    .main-nav-link:visited {
        font-size: 1.6rem;
        transition: all 0.3s;
        padding: 3.2rem 1.2rem;
    }

    .logo-name {
        font-size: 2.4rem;
    }

    .hero-img {
        height: 500px;
        width: auto;
    }

}

/**************************/
/* BELOW 1296px (Landscape Tablets) */
/**************************/

@media (max-width: 81em) {

    .header {
        padding: 0 1.8rem;
    }

    .main-nav-link:link,
    .main-nav-link:visited {
        font-size: 1.4rem;
        transition: all 0.3s;
        padding: 3.2rem 0;
    }

    .hero-img {
        height: 40rem;
        width: auto;
    }

    .hero-box {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
    }

    .hero-text {
        font-size: 4.2rem;
        padding: 0 1.8rem;

    }
    

    .coaching-title-content {
        padding: 2.4rem 20rem;
        font-size: 2.4rem;

    }

    .features-title-box {

        padding: 0 1.6rem;

    }

    .features-title {
        font-size: 4.8rem;
    }

    .feature-header {
        font-size: 1.8rem;
        padding: 0.8rem 0;
    }

    .feature-text {
        font-size: 1.8rem;
        line-height: 1.8;
        padding: 0 2.4rem;
    }

    .pad-x-1 {
        padding: 9.6rem 2.6rem
    }

    /* Podcast Section */
    .podcast-featured-text {
        font-size: 2.4rem;
        padding: 0.8rem 0;

    }

    .podcast-title {
        font-size: 4.2rem;
        padding: 0rem 0 1.2rem 0;
    }

    .podcast-episode {
        font-size: 2.4rem;

    }

    .podcast-description {
        font-size: 1.8rem;

    }

    .right-podcast {
        padding: 0;
        align-self: center;

    }

    .main-video-container {
        width: 100%;
        height: 330px;
        justify-self: center;

    }

    .nlp {
        font-size: 1.5rem;
        border-radius: 50px;

    }


    /* Book Section */
    .book-img {
        width: 100%;
        height: auto;
    }

    .new-book-title {
        font-size: 2.4rem;

    }

    .book-text {
        padding: 1.2rem 0.5rem;
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .books-cta {
        padding: 2.4rem 0 2.4rem 0;
        gap: 1.2rem;
    }

    .btn-books {
        padding: 1.2rem 2.4rem;
        font-size: 1.8rem;
    }

    /* Booking */
    .booking-img {
        height: 70%;
        width: 40rem;
        align-self: center;

    }

    .btn-appointment {
        padding: 1.2rem 2.4rem;
        width: 55%;

    }

    /* About Nico */


    /* Footer */
    .footer-section {
        padding: 14rem 3.2rem 5.4rem 3.2rem;
    }

    .grid-footer {
        column-gap: 2rem;
        padding: 0 3.2rem;
    }

    .legion-section {
        padding: 6.2rem 0 3.2rem;

    }

    .legion-logo {
        width: 100%;
        height: auto;
    }

    .legion-textbox {

        display: flex;
        flex-direction: column;
        padding: 5.6rem;
        gap: 2.4rem;
    }

}

/**************************/
/* BELOW 1044px (Tablets) */
/**************************/

@media (max-width: 65.25em) {
    html {
        font-size: 8px;
    }

    .legion-section {
        max-width: 600px;
        padding: 10.4rem 0 4.2rem;

    }

    .legion-text {
        font-size: 2.4rem;

    }

    /* Navigation */

    .main-nav, .nav-link, .main-nav-link, .btn-download {

        font-size: 1.6rem;
    }

    .main-nav, .nav-link, .main-nav-link {
        padding: 0.8rem 0.5rem;

    }

    .pad-x-1 {
        padding: 7.4rem 1.2rem
    }

    /* Hero Section */
    .hero-text {
        font-size: 4.2rem;


    }

    /* Features */
    .feature-text {
        font-size: 2.1rem;
        line-height: 2;
        padding: 0 3.6rem;
    }

    /* PodCast */
    .btn-more-episode {
        width: 22rem;
    }

    .nlp {
        font-size: 1.7rem;
    }

    .secondary-video-container {
        height: 300px;
    }

    .book-img {
        width: 100%;
        height: auto;
    }

    /* About */
    .about-section {
        padding: 14rem 5.6rem;
        /* background: linear-gradient(0deg, #e6ac1a 100%, rgba(33,37,41,0.9780505952380952) 100%); */
    }

    .about-img-box, .about-text-box {

        padding: 2.4rem 2.4rem;
    }

    .about-text {

        color: #fff;
        padding: 0;
    }

    .abt-img {
        max-width: 100%;
    }

}

/**************************/
/* BELOW 944px (Tablets) */
/**************************/

@media (max-width: 59em) {
    html {
        font-size: 8px;
    }

    .legion-section {
        max-width: 600px;
        padding: 7.4rem 0 4.2rem;

    }

    .legion-logo {
        width: 100%;
        height: auto;
    }

    .legion-logo-box {
        width: 120px;
    }

    /* MOBILE NAVIGATION */
    .btn-mobile-nav {
        display: block;
        z-index: 9999;
    }

    .main-nav {
        background-color: rgba(0, 0, 0, 0.9);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(10px);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        transform: translateX(100%);

        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s ease-in;

        /* Hide navigation */
        /* Allows NO transitions at all */
        /* display: none; */

        /* 1) Hide it visually */
        opacity: 0;

        /* 2) Make it unaccessible to mouse and keyboard */
        pointer-events: none;

        /* 3) Hide it from screen readers */
        visibility: hidden;
    }

    .nav-open .main-nav {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: translateX(0);
    }

    .nav-open .icon-mobile-nav[name="close-outline"] {
        display: block;
    }

    .nav-open .icon-mobile-nav[name="menu-outline"] {
        display: none;
    }

    .dropdown-link:link {
        font-size: 3rem;
    }

    .main-nav-list {
        flex-direction: column;
        gap: 4.8rem;
        padding-top: 0;
    }

    .main-nav-link:link,
    .main-nav-link:visited {
        font-size: 3rem;
    }

    .dropdown-content {
        position: static;
        transition: all 0.3s;
        text-align: center;
        font-size: 3rem;
        border-bottom: 1px #e6ac1a solid;

    }

    .dropdown-link {
        display: block;
        text-align: center;

    }

    .active-dropdown {
        display: block;
        background-color: transparent;
        transition: all 0.3s ease-in;
    }

    .sub-nav-list li a {
        width: 100%;
        text-decoration: none;
        color: white;
        font-size: 2.4rem;
    }

    .sub-nav-list li {


        padding: 2.4rem;

    }

    .sub-nav-list li:active {
        background-color: gray;
    }











    .podcast-description {
        font-size: 1.8rem;

        padding: 0.8rem 0;
        line-height: 1.1;
    }

    .main-video-container, .secondary-video-container {
        height: 280px;
        width: 100%;
    }

    .nlp {
        padding: 1.2rem 0.9rem;
        font-size: 1.6rem;
    }

    .feature-text {
        font-size: 1.8rem;
        line-height: 1.5;
        padding: 0 2.4rem;
    }

    .btn-cta {

        text-decoration: none;
        font-size: 1.2rem;
        /* margin-right: 0.8rem; */
        text-transform: uppercase;
        font-weight: 600;
    }

    .hero-cta a:nth-child(1) {
        padding: 1.2rem 1.8rem !important;
    }

    /* About */
    .about-section {
        padding: 14rem 5.6rem;
        /* background: linear-gradient(0deg, #e6ac1a 100%, rgba(33,37,41,0.9780505952380952) 100%); */
    }

    .about-img-box, .about-text-box {

        padding: 2.4rem;
    }

    .about-text {
        font-size: 1.4rem;
        color: #fff;
        padding: 0;
    }

    .abt-img {
        max-width: 100%;
    }

}

/**************************/
/* BELOW 820px (Smaller tablets) */
/**************************/

@media (max-width: 51.25em) {
    html {
        font-size: 7px;
    }

    .legion-section {
        max-width: 500px;

    }

    .booking-img {
        height: 70%;
        width: 45rem;
        align-self: center;

    }

    /* Legion Section */
    .legion-section {

        padding: 10.4rem 0 4.2rem;
        border-radius: 12px;
    }

    /* Video */

    .self-video {
        height: 300px;
        width: 500px;
        box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.5);
    }


}




/**************************/
/* BELOW 704px (Smaller tablets) */
/**************************/

@media (max-width: 48em) {
    html {
        font-size: 6px;
    }

    .legion-section {
        max-width: 450px;

    }

    .rumble {
        height: 20px;
        width: auto;

    }

    .book-img {
        height: auto;
        width: 100%;

    }

    .booking-img {
        height: 70%;
        width: 300px;

    }


    .booking-img {
        height: 80%;
        width: 350px;

    }

    .primary-heading {
        font-size: 4.8rem !important;
    }

    .btn-appointment {
        padding: 2.4rem;
        background-color: #e6ac1a;
        width: 70%;
        font-size: 1.8rem;
        text-align: center;


    }

    /* Legion section */


}

/**************************/
/* BELOW 544px (Phones) */
/**************************/

@media (max-width: 37.5em) {
    html {
        font-size: 6px;
    }

    .legion-section {
        max-width: 500px;

    }

    .rumble {
        height: 20px;
        width: auto;

    }

    .hero--cols--2 {
        grid-template-columns: 1fr;

    }

    .hero-text-box {
        grid-row: 2;
    }

    .hero-text {
        font-size: 3.6rem;
        padding: 0 9.6rem;

    }

    .hero-cta {
        align-self: center;
        padding-bottom: 7.2rem;
    }

    .btn-cta {
        padding: 3.6rem;
        font-size: 2rem;

    }

    .hero-cta a:nth-child(1) {
        padding: 2.4rem 2.4rem !important;
    }

    /* Coaching Section */
    .features-title {
        font-size: 4.8rem;

    }

    .double {
        font-size: 3.6rem;
    }

    .coaching-title-content {
        padding: 1.2rem 9.6rem;
        font-size: 3.6rem;

    }

    .coaching-grid--cols--6 {

        grid-template-columns: 1fr;
        row-gap: 5.4rem;
        padding: 0 9.6rem;
    }

    .feature-box {

        padding: 2.4rem 2.4rem 7.2rem;
        gap: 0.5rem;

    }

    .feature-text {
        font-size: 3.2rem;

        padding: 0 3.6rem;
    }

    .feature-header {
        padding: 2.4rem 0;
        font-size: 3.6rem;
    }

    .bottom-features-title {
        font-size: 5.2rem;
        padding-top: 9.6rem;

    }

    .bottom-header h3::after {

        margin: 2.4rem auto 0rem;

    }

    .bottom-features-text {
        padding: 1.2rem 9.6rem;

    }

    .btn-features {
        margin: 2.4rem auto;
        width: 50%;
        display: block;
        padding: 2.4rem;
        text-decoration: none;
        font-size: 2.4rem;

    }

    /* Section Pdocast */
    .podcast-grid-container {
        grid-template-columns: 1fr;

    }

    .podcast-section {

        padding: 7.2rem 3.2rem;

    }

    .left-podcast {
        grid-row: 2;
    }

    .podcast-featured-text {
        text-align: center;
        font-size: 4.2rem;
        padding: 2.4rem 0;
    }

    .podcast-title {
        display: none;


    }

    .podcast-episode {
        font-size: 4.2rem;


    }

    .podcast-description {
        font-size: 2.4rem;
        padding: 1.2rem 0;
        line-height: 1.8;

    }

    .btn-more-episode {
        margin-top: 2rem;
        width: 100%;
        padding: 2.4rem 0;
        text-align: center;
        font-size: 3.6rem;
    }

    /* Featured Books */
    .books-grid--cols--2 {
        grid-template-columns: 1fr;
    }

    .book-img-box {
        grid-row: 1;
    }

    .book-img {
        height: auto;
        width: 100%;

    }

    .new-book-title {
        padding: 5.4rem;
        font-size: 3.2rem;
        text-align: center;

    }

    .book-author, .book-publisher {
        padding: 0rem 5.4rem;
        font-size: 2.1rem;
    }

    .new-book-title-text {
        /* padding-top: 2.4rem; */
        font-size: 15.6rem;
        text-align: center;

    }

    .book-text {
        padding: 0.2rem 5.4rem;
        font-size: 2.1rem;
    }

    .books-cta {
        justify-content: center;
    }

    .btn-books {
        padding: 1.8rem 10.2rem;
        font-size: 2.4rem;

    }

    .book-available-text {

        text-align: center;
    }

    .book-platform {

        justify-content: center;


    }

    /* About */
    .about-section {
        padding: 14rem 5.6rem;
        /* background: linear-gradient(0deg, #e6ac1a 100%, rgba(33,37,41,0.9780505952380952) 100%); */
    }

    .about-img-box, .about-text-box {
        width: 100%;
        padding: 2.4rem 2.4rem;
    }

    .about-text {
        font-size: 1.8rem;
        color: #fff;
        padding: 0;
    }

    .abt-img {
        max-width: 80%;
    }

    .about-flex {
        display: flex;
        flex-direction: column;
    }

    /* Contact us */

    .form-text {
        font-size: 2.4rem;
        padding: 4.8rem 10rem;

    }

    .pad-x-1 {
        padding: 10.4rem 0;
    }

    .btn-send {
        width: 100%;
        padding: 1.8rem 2.4rem;
        font-size: 2.4rem;

    }


    /* Footer Section */
    .footer-section {
        padding: 3.6rem;
    }

    .grid-footer {
        display: grid;
        grid-template-columns: 0.6fr 0.5fr 1fr 1fr;
        column-gap: 1.2rem;
        padding: 0;
    }

    .col-logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0rem;
    }

    .footer-logo {
        width: 15rem;
    }

    .copyright {
        text-align: center;
        font-size: 1.2rem;
        color: #767676;


    }

    .col-contact {

        display: flex;
        flex-direction: column;
        gap: 1.5rem;

    }

    .col-row {
        display: flex;
        gap: 1.2rem;
        align-self: start;
        align-items: center;

    }

    .footer-header {
        font-weight: 600;
        font-size: 1.8rem;
        margin-bottom: 7.2rem;
    }

    .footer-header-news {
        font-weight: 600;
        font-size: 1.8rem;
        margin-bottom: 5.2rem;
    }

    .footer-header::after {
        content: '';
        display: block;
        width: 60%;
        height: 1px;
        background-color: #e6ac1a;
        margin-top: 1.2rem;
        border-radius: 20px;
    }

    .footer-header-news::after {
        content: '';
        display: block;
        width: 80%;
        height: 1px;
        background-color: #e6ac1a;
        margin-top: 1.2rem;
        border-radius: 20px;
    }

    .col-services {
        display: flex;
        flex-direction: column;

    }

    .col-icons, .email-text, .number-text {
        font-size: 1.6rem;
        color: #767676;
    }

    .footer-link {
        font-size: 1.6rem;
        color: #767676;
        text-decoration: none;
    }

    .footer-links {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
    }

    .footer-links, .footer-link a {
        list-style-type: none;
    }

    .news-letter-inputbox {
        display: flex;
        align-items: center;
        gap: 1.2rem;

    }

    .news-letter-inputbox input {
        border: none;
        background-color: #ffffff;
        border-bottom: solid 2px #e6ac1a;
        width: 80%;
        padding: 1.2rem 2.4rem;
        font-size: 1.8rem;
        font-family: 'Montserrat', sans-serif;
    }

    .section-social {
        display: flex;
        justify-content: center;
        gap: 2.4rem;


    }

}

/* 336px */
@media (max-width: 32em) {

    html {
        font-size: 6px;
    }

    .rumble {
        height: 20px;
        width: auto;

    }

    .booking-img {
        height: 100%;
        width: 300px;

    }

    .book-img {
        width: 100%;
        height: auto;
    }

    /* Hero */
    .hero-text {
        font-size: 5.4rem;
        text-align: center;
        padding: 0 4.8rem;
    }

    .header {
        padding: 0 2.4rem;
    }


    /* Coaching */
    .coaching-grid--cols--6 {


        padding: 0 3.2rem;
    }

    .coaching-title-content {
        padding: 2.4rem 2.4rem;
        font-size: 4.8rem;
    }

    .feature-text {
        font-size: 2.4rem;
        line-height: 1.5;
        padding: 0 1.8rem;
    }

    .bottom-features-title {
        font-size: 5.4rem;
        padding: 5.4rem 3.2rem 0;
    }

    .bottom-features-text {
        padding: 2.4rem 2.4rem;
        font-size: 2.4rem;
    }

    /* Featured Podcast */

    .podcast-section {

        padding: 5.6rem 5.4rem;

    }

    .main-video-container {
        width: 100%;
        height: 200px;

    }

    .podcast-title {
        font-size: 5.4rem;
        font-weight: 600;
        padding: 0rem 0 3.2rem 0;
    }

    .podcast-episode {
        font-size: 2.4rem;

    }

    .podcast-description {
        font-size: 1.8rem;
        text-align: justify;
        padding: 0.8rem 0;
        line-height: 1.2;
    }

    .btn-more-episode {
        margin-top: 2rem;
        width: 100%;
        display: block;
        padding: 1.2rem;
        background-color: #e6ac1a;
        text-decoration: none;
        font-size: 1.8rem;
    }

    /* Featured Book */



    .books-grid--cols--2 {
        grid-template-columns: 1fr;
    }

    .new-book-section {
        padding: 9.6rem 5.4rem;
    }

    .new-book-title {
        padding: 1.6rem;
        font-size: 2.4rem;
        text-transform: uppercase;

    }

    .new-release {
        padding: 0rem 1.2rem;
        background-color: #212529;
        margin-left: 2.4rem;

    }

    .new-book-title-text {
        /* padding-top: 2.4rem; */
        font-size: 9.6rem;
        font-weight: 600;
        text-decoration: none;
    }

    .new-book-title-text-2 {
        text-transform: uppercase;
    }

    .book-textbox {
        display: flex;
        flex-direction: column;
    }

    .book-author, .book-publisher {
        padding: 0.2rem 0.8rem;
        font-size: 1.6rem;
    }

    .book-text {
        padding: 1.2rem 0.8rem;
        color: gray;
        font-size: 1.8rem;
        line-height: 1.5;
        text-align: justify;
    }

    .book-img {
        justify-self: center;
    }

    .book-img-box {
        justify-self: center;
    }

    .books-cta {
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        padding: 1.8rem;
        gap: 1.8rem;
    }

    .btn-books {
        padding: 1.8rem 2.4rem;
        border-radius: 20px;
        font-size: 1.8rem;
        text-decoration: none;
    }

    .btn-more-books {
        /* background-color: #e9ecef; */
        color: #343a40;
        border: 1px solid black;
    }

    .btn-buy-now {
        background-color: #e6ac1a;
        color: #f8f9fa;
        font-weight: 600;
        /* text-shadow: -1px -2px 0px rgba(0,0,0,0.37); */
        text-transform: uppercase;

    }

    .book-available-text {
        font-size: 2.4rem;
        padding: 1rem 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .book-platform {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.4rem;
        text-align: center;

    }

    .book-platform p {
        padding: 0.8rem 0;
    }

    .platform-icons {
        font-size: 2.4rem;
        color: #495057;

    }

    /* Booking section */
    .booking-grid--cols--2 {
        grid-template-columns: 1fr;
    }

    /* .online-booking-section {



} */
    .online-book-header {
        text-align: right;
        grid-column: span 2;
        padding: 4.8rem
    }

    .online-booking-box-img {

        justify-content: center;
    }

    .booking-img {
        height: 100%;
        width: 40rem;

    }

    .primary-heading {
        text-align: center;
        font-size: 4.8rem !important;
    }

    .online-booking-box {
        padding: 5.4rem 0;

        gap: 2.4rem;
    }

    .online-booking-box p:nth-child(1) {
        color: white;
        font-size: 7.2rem;
    }

    .online-booking-box p:nth-child(2) {
        padding: 1.8rem 0;

        letter-spacing: 0.3rem;
    }

    .booking-text {
        color: white;

        font-size: 1.8rem;
        line-height: 2;
    }

    .btn-appointment {
        padding: 2.4rem;
        background-color: #e6ac1a;
        width: 70%;
        font-size: 1.8rem;
    }

    /* Contact Form */

    .form-header-text {
        font-size: 3.6rem;
        font-weight: 600;
    }

    .step {
        width: 3.6rem;
        text-align: center;
    }

    .form-text {
        font-size: 1.6rem;
        padding: 2.4rem 4.8rem;
        text-align: center;
        line-height: 1.5;
    }

    .form-container {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
        padding: 2.4rem 3.2rem;

        /* align-content: center; */
    }

    .send-us {
        padding: 0rem 0;
        font-size: 2.4rem;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
    }





    /* Footer Section */
    .footer-section {
        padding: 3.6rem 3.6rem;
    }

    .sp-6 {
        grid-column: span 6;

    }

    .sp-3 {
        grid-column: span 3;

    }

    .grid-footer {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        column-gap: 1.2rem;
        row-gap: 5.4rem;
        padding: 0;
    }

    .footer-header-news {

        text-align: center;
    }

    .footer-header {
        font-weight: 600;
        font-size: 1.8rem;
        margin-bottom: 2.4rem;
    }

    .footer-header::after {

        width: 80%;
        height: 1px;

    }

    .footer-header-news::after {

        width: 100%;

    }

    .news-letter-inputbox {
        align-self: center;

    }

    .section-social {
        margin-top: 2.4rem;
        display: flex;
        justify-content: center;
        gap: 2.4rem;


    }

    .news-letter-inputbox input {
        border: none;
        background-color: #ffffff;
        border-bottom: solid 2px #e6ac1a;
        width: 100%;
        padding: 1.2rem 3.6rem;
        font-size: 1.6rem;
        font-family: 'Montserrat', sans-serif;
    }

    .legion-section {

        border-radius: 0px;
    }



    /* Video */
    .coaching-video-container {

        padding: 0;

    }

    .self-video {

        /* width: auto; */
        width: 450px;
        padding: 2.4rem;

    }

    .legion-btn {

        width: 90%;
        font-size: 14px;

    }

}

@media (max-width: 20em) {
    .hero-text{
        text-align: center;
        line-height: 1.2;
        padding: 0 1.6rem;
        font-size: 5.4rem;
    }
    .hero-text-2{
        font-size: 2.8rem;
       
    }
    .hero-cta a:nth-child(1) {
        display: block;
        width: 100%;
        padding: 2.4rem 9.6rem !important;

    }
    .about-section {
        padding: 5rem 2rem;
        background: #424242;
        /* background: linear-gradient(0deg, #e6ac1a 100%, rgba(33,37,41,0.9780505952380952) 100%); */
    }

    .coaching-title-content {
        padding: 2.4rem 3.2rem;
        font-size: 3.6rem;
        color: #495057;
        text-align: center;
        line-height: 1.5;
    }


    .legion-btn {

        width: 100%;
        font-size: 2.2rem;

    }

    .legion-text {
        font-size: 2.8rem;
        padding: 1.6rem;

    }

    .features-title-box {

        padding: 0 0.8rem;

    }

    .features-title {
        font-size: 3.2rem;
    }

    .btn-find-out:link,
    .btn-find-out:active {

        padding: 2.4rem 4.8rem;
        font-size: 2.4rem;
    }

    .form-header-text {
        font-size: 3.2rem;
        font-weight: 600;
    }

    .podcast-section, .new-book-section {

        padding: 9.6rem 2.4rem;

    }

    .hero-img {

        height: 200px;
        width: auto;
    }

    .legion-section {
        width: 100%;
        padding: 10.2rem 0;

    }

    .legion-textbox {
        display: flex;
        flex-direction: column;
        /* padding: 1.2rem 10.2rem; */
        padding: 3.2rem 1.2rem;
        gap: 2.4rem;
    }

    .legion-text {
        font-size: 2.1rem;

    }

    .legion-logo-box {
        width: 100px;
    }

    .legion-logo {
        width: 100%;
    }

}