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

    .firstSection{
        flex-direction: column-reverse;
        margin: 40px 0;
    }
    .box{
        flex-direction: column;

    }
    .secondSection .vertical{
        height: unset;
    }
    .footer{
        display: none;
    }
    .vertical-text, .vertical-description{
        left: 90px
    }
    .vertical-description{
        left: 131px
    }
    .secondSection .box{
        width: 83vw
    }
    .image-top{
        top: 128px
    }
    nav{
        flex-direction: column;
    }
    /* .leftSection{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } */
    .rightSection img{
        width: 50vw;
        margin-left: -28%;
    }
    .leftSection .button{
        display:flex;
        flex-direction:row;
        
        margin:4vh 0-46px;
       
    }
    .leftSection .button .resume-btn{
      margin-right: 10vw;
      padding: 0px 29px;
    border-radius: 15px;
    }
    .leftSection .button .btn{
       
        padding: 0px 26px;
      border-radius: 15px;
    }
    .leftSection .intro{
        align-items: center;
        margin: 0 -32px;
    }
    header{
        width: 121%
    }
}