@media (min-width: 1001px) {

    h1 
    {
        font-size: 2.5rem;
    }

    .container
    {
        background: url('../bg-desktop.svg');
        height: 100vh;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .container
    .main
    {
        margin-top: 50px;
        width: 1280px;
    }

    .main
    .header
    img
    {
        width: 210px;
        margin-left: -10px;
    }
    

    .main
    .middle-section
    {
        flex-flow: row nowrap;
        align-items: center;
        gap: 0;
    }
 
    .main
    .middle-section
    img
    {
       margin-top: 50px;
       width:700px;
    }

    .main
    .middle-section
    .info-section
    {
       align-items: flex-start;
       text-align: left;
       margin-top: -50px;
       padding: 0 50px;
    }


    .main
    .middle-section
    .info-section
    p
    {
        margin-top: 0px;
    }

    .main
    .middle-section
    .info-section
    .btn
    {
        padding: 1.2rem;
        font-size: 1.2rem;
        border-radius: 2rem;    
    }

    .main
    .footer
    {
        justify-content: flex-end;
        height: 50px;
        padding: 0;
    }
}