/* Changes applied on tablet and desktop */
@media screen and (min-width: 890px) {
    #introPanel #mainLogo {
        width: 14.875rem;
    }

    #introPanel #eventDescription {
        width: 70%;
    }

    div.ilustration-image {
        width: 45% !important;
    }

    .no-show-desktop {
        display: none;
    }

    #talkMainInfo {
        display: flex;
        gap: 3.12rem;
    }
}

/* Changes applied only on desktop */
@media screen and (min-width: 1550px) {
    div.paragraph div {
        max-width: 549px;
    }

    html {
        font-size: 18px;
    }

    div.main {
        padding: 2em 3em 4em 3em;
    }

    body {
        min-width: 1270px
    }

    #venue {
        width: 110%;
        margin-left: -5%;
    }

    #stats {
        grid-template-columns: repeat(4, 1fr);
    }

    #introPanel #eventDate {
        width: 45rem;
    }

    .main-carousel {
        width:72rem;
        margin: 0 auto;
    }

    #venue #venuePartners {
        grid-template-columns: repeat(5, 1fr);
    }


    #pricingPlan .specialOffersList {
        width: 62rem;
        justify-content: space-between;
    }


    #pricingPlan .specialOffer {
        width: 17.5rem;
    }

    #pricingPlan .specialOffer h3 {
        text-align: left;
        font-size: 1.5em;
        margin: 10px 0 15px 0;
    }

    #pricingParent .main {
        max-width: 1280px;
    }


    #partners-header h2
    {
        margin-right: 6.25rem;
    }

    #venue #venue-content h2 {
        text-align: left;
    }

    #footerPanel .pages {
        max-width: 28em;
    }

    #footerPanel .pages .elem {
        width: 12em;
    }
}