_home.scss

.home{
    position: relative;
    min-height: 100vh;
    background: linear-gradient(232.11deg, #FF5449 20.04%, #ffa061 67.36%);
    section{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1em 8em;
        min-height: 100vh;
        div{
            h2{
                font-size: 5em;
                line-height: 80px;
                color: white;
                width: 75%;
            }
            h5{
                color: white;
                margin: 1em 0em;
                width: 60%;
                margin: 24px 0px;
            }
        }
        @media screen and (max-width:1100px){
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1em 2em;
            min-height: 100vh;
            div{
                display: flex;
                flex-direction: column;
                align-items: center;
                h2{
                    text-align: center;
                    font-size: 3rem;
                    line-height: 3rem;
                    color: white;
                    width: 100%;
                }
                h5{
                    font-size: 16px;
                    color: white;
                    margin: 1em 0em;
                    width: 90%;
                    text-align: center;
                    margin: 24px 0px;
                }
            }
        }
        .phone1{
            width: 330px;
            z-index: 2;
            @media screen and (max-width:1100px){
                display: none;
            }
            .screen1{
                max-width: 250px;
            }
        }
    }
    .vector{
        position: absolute;
        bottom: -100px;
        right: 0%;
        @media screen and (max-width:1100px){
                display: none;
            }
    }
}